/* Generated by scripts/generate-design-token-css.ts from packages/shared/src/design-tokens.ts. Do not edit. */
:root {
  --color-base: #0c0d0f;
  --color-surface: #141619;
  --color-surface-hover: #1a1d21;
  --color-surface-active: color-mix(in srgb, #2f6bf0 16%, #1a1d21);
  --color-elevated: #1f2329;
  --color-border: #2d3137;
  --color-border-subtle: #23262b;
  --color-border-strong: #3b4047;
  --color-text: #eceef1;
  --color-text-secondary: #9aa1aa;
  --color-text-muted: #828a94;
  --color-accent: #2f6bf0;
  --color-accent-2: #5a8cf5;
  --color-accent-hover: #5a8cf5;
  --color-green: #3f9a8f;
  --color-amber: #e0913a;
  --color-red: #d6587e;
  --color-info: #6f8cc4;
  --color-accent-foreground: #ffffff;
  --font-ui: 'Mona Sans Variable', 'Mona Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Schibsted Grotesk Variable', 'Schibsted Grotesk', var(--font-ui);
  --font-editorial: 'Iowan Old Style', 'New York', Georgia, serif;
  --font-mono: 'SF Mono', 'Fira Code', 'JetBrains Mono', 'Cascadia Code', monospace;
  --text-2xs: 11px;
  --text-xs: 12px;
  --text-sm: 13px;
  --text-md: 14px;
  --text-lg: 16px;
  --text-xl: 19px;
  --text-2xl: 24px;
  --text-3xl: 30px;
  --text-hero: 38px;
  --lh-2xs: 14px;
  --lh-xs: 16px;
  --lh-sm: 18px;
  --lh-md: 21px;
  --lh-lg: 24px;
  --lh-xl: 26px;
  --lh-2xl: 30px;
  --lh-3xl: 36px;
  --lh-hero: 42px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-9: 36px;
  --space-10: 40px;
  --space-12: 48px;
  --tracking-tight: -0.01em;
  --tracking-display: -0.02em;
  --radius-xs: 6px;
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 18px;
  --radius-full: 9999px;
  --shadow-1: 0 1px 1px rgba(0,0,0,.30), 0 2px 4px rgba(0,0,0,.16);
  --shadow-2: var(--shadow-card);
  --shadow-3: var(--shadow-elevated);
  --shadow-card: 0 1px 1px rgba(0, 0, 0, 0.34), 0 12px 28px rgba(0, 0, 0, 0.26);
  --shadow-elevated: 0 2px 8px rgba(0, 0, 0, 0.38), 0 24px 60px rgba(0, 0, 0, 0.32);
  --bg-image: radial-gradient(120% 80% at 50% -10%, rgba(47, 107, 240, 0.07), transparent 55%), radial-gradient(80% 64% at 92% 12%, rgba(90, 140, 245, 0.045), transparent 62%);
  --accent: #2f6bf0;
  --accent-2: #5a8cf5;
  --accent-text: #5a8cf5;
  --accent-action-foreground: #000000;
  --accent-action-fill: linear-gradient(rgba(255,255,255,0.01),rgba(255,255,255,0.01)), var(--accent-gradient);
  --accent-soft: color-mix(in srgb,var(--accent) 15%,transparent);
  --accent-line: color-mix(in srgb,var(--accent) 38%,transparent);
  --accent-gradient: linear-gradient(150deg,var(--accent-2),var(--accent));
  --elevation-popover: var(--shadow-3);
  --specular: inset 0 1px 0 color-mix(in srgb, #fff 7%, transparent);
  --specular-strong: inset 0 1px 0 color-mix(in srgb, #fff 11%, transparent);
  --glass-bg: color-mix(in srgb, var(--color-elevated) 72%, transparent);
  --glass-blur: blur(22px) saturate(1.5);
  --glass-border: color-mix(in srgb, var(--color-accent) 24%, transparent);
  --glow-accent: 0 0 0 1px color-mix(in srgb, var(--color-accent) 50%, transparent), 0 0 18px color-mix(in srgb, var(--color-accent) 32%, transparent);
  --glow-soft: 0 0 24px color-mix(in srgb, var(--color-accent) 22%, transparent);
  --ring-focus: 0 0 0 2px color-mix(in srgb, var(--color-accent) 60%, transparent), 0 0 16px color-mix(in srgb, var(--color-accent) 30%, transparent);
  --ring-selected: inset 0 0 0 1px color-mix(in srgb, var(--color-accent) 70%, transparent);
  --ease-out: cubic-bezier(0.2, 0, 0, 1);
  --ease-emphasized: cubic-bezier(0.3, 0, 0, 1);
  --ease-spring: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-1: 120ms;
  --dur-2: 180ms;
  --dur-3: 240ms;
  --dur-4: 420ms;
  --z-sticky: 10;
  --z-dropdown: 40;
  --z-overlay: 50;
  --z-modal: 60;
  --z-toast: 70;
  --z-command: 80;
  --z-tooltip: 90;
  --control-h-sm: 28px;
  --control-h-md: 32px;
  --control-h-lg: 40px;
  --control-h-xl: 48px;
  --studio-shell-sidebar-w: 268px;
  --studio-shell-rail-w: 72px;
  --studio-topbar-h: 64px;
  --studio-inspector-w: 360px;
  --studio-composer-min-h: 148px;
  --studio-task-lane-w: 320px;
  --density-compact-gap: 13px;
  --density-compact-pad: 7px;
  --density-regular-gap: 18px;
  --density-regular-pad: 10px;
  --density-comfy-gap: 24px;
  --density-comfy-pad: 14px;
  --row-pad: 10px;
  --gap: 18px;
  --coworker-lead: var(--color-accent);
  --coworker-strategist: var(--color-info);
  --coworker-builder: var(--color-green);
  --coworker-reviewer: var(--color-amber);
  --coworker-operator: var(--color-red);
  --coworker-neutral: var(--color-text-secondary);
  --lane-planning: var(--color-accent);
  --lane-delegated: var(--color-info);
  --lane-review: var(--color-amber);
  --lane-approval: var(--color-red);
  --lane-artifact: var(--color-green);
  --review-proposed: var(--color-info);
  --review-accepted: var(--color-green);
  --review-blocked: var(--color-red);
  --border-width-1: 1px;
  --icon-size-sm: 16px;
  --icon-size-md: 20px;
  --icon-size-lg: 24px;
  --primitive-tooltip-max-w: calc((var(--space-12) * 5) + var(--space-5));
  --primitive-popover-max-h: calc((var(--space-12) * 6) + var(--space-8));
  --primitive-dialog-max-h: calc(var(--space-12) * 15);
  --primitive-dialog-w-sm: calc((var(--space-10) * 10) + var(--space-5));
  --primitive-dialog-w-md: calc((var(--space-12) * 11) + var(--space-8));
  --primitive-dialog-w-lg: calc((var(--space-12) * 15) + var(--space-10));
  --measure: 840px;
  --measure-wide: 1200px;
}
:root[data-density="compact"] {
  --row-pad: 7px;
  --gap: 13px;
}
:root[data-density="regular"] {
  --row-pad: 10px;
  --gap: 18px;
}
:root[data-density="comfy"] {
  --row-pad: 14px;
  --gap: 24px;
}
