@import "../fonts/geist.css";
/* GENERATED by scripts/generate-tokens.ts from src/tokens — do not edit. */

[data-theme="graphite"] {
  color-scheme: light;
  --s-space-0: 0;
  --s-space-0-5: 2px;
  --s-space-1: 4px;
  --s-space-1-5: 6px;
  --s-space-2: 8px;
  --s-space-2-5: 10px;
  --s-space-3: 12px;
  --s-space-4: 16px;
  --s-space-5: 20px;
  --s-space-6: 24px;
  --s-space-8: 32px;
  --s-space-10: 40px;
  --s-space-12: 48px;
  --s-space-16: 64px;
  --s-space-20: 80px;
  --s-radius-xs: 3px;
  --s-radius-sm: 4px;
  --s-radius-md: 6px;
  --s-radius-lg: 8px;
  --s-radius-xl: 12px;
  --s-radius-2xl: 16px;
  --s-radius-full: 999px;
  --s-control-sm: 30px;
  --s-control-md: 36px;
  --s-control-lg: 44px;
  --s-icon-xs: 14px;
  --s-icon-sm: 16px;
  --s-icon-md: 18px;
  --s-icon-lg: 20px;
  --s-icon-xl: 24px;
  --s-sidebar-width: 236px;
  --s-topbar-height: 56px;
  --s-content-max: 1280px;
  --s-shadow-xs: 0 1px 0 rgba(21,19,15,.04);
  --s-shadow-sm: 0 1px 2px rgba(21,19,15,.06),0 1px 1px rgba(21,19,15,.04);
  --s-shadow-md: 0 4px 12px -2px rgba(21,19,15,.08),0 2px 4px rgba(21,19,15,.04);
  --s-shadow-lg: 0 16px 32px -8px rgba(21,19,15,.16),0 4px 8px rgba(21,19,15,.05);
  --s-shadow-pop: 0 24px 48px -12px rgba(21,19,15,.28),0 0 0 1px rgba(21,19,15,.06);
  --s-ring-danger: 0 0 0 3px rgba(210,58,46,.2);
  --s-blur-glass: 14px;
  --s-ease-out: cubic-bezier(.2,.8,.2,1);
  --s-ease-in-out: cubic-bezier(.65,0,.35,1);
  --s-ease-spring: cubic-bezier(.34,1.4,.64,1);
  --s-dur-fast: 120ms;
  --s-dur-base: 180ms;
  --s-dur-slow: 260ms;
  --s-font-sans: "Geist",ui-sans-serif,system-ui,sans-serif;
  --s-font-display: "Geist",ui-sans-serif,system-ui,sans-serif;
  --s-font-mono: "Geist Mono",ui-monospace,Menlo,monospace;
  --s-weight-regular: 400;
  --s-weight-medium: 500;
  --s-weight-semibold: 600;
  --s-weight-bold: 700;
  --s-weight-black: 800;
  --s-text-2xs: 11px;
  --s-text-xs: 12px;
  --s-text-sm: 13px;
  --s-text-md: 14px;
  --s-text-lg: 16px;
  --s-text-xl: 18px;
  --s-text-2xl: 22px;
  --s-text-3xl: 28px;
  --s-text-4xl: 36px;
  --s-text-5xl: 48px;
  --s-text-6xl: 64px;
  --s-leading-tight: 1.08;
  --s-leading-snug: 1.25;
  --s-leading-normal: 1.45;
  --s-leading-relaxed: 1.6;
  --s-tracking-display: -0.025em;
  --s-tracking-heading: -0.015em;
  --s-tracking-normal: 0;
  --s-tracking-caps: 0.06em;
  --s-type-display: 700 48px/1.08 var(--s-font-display);
  --s-type-h1: 700 28px/1.25 var(--s-font-display);
  --s-type-h2: 600 22px/1.25 var(--s-font-display);
  --s-type-h3: 600 16px/1.25 var(--s-font-sans);
  --s-type-body: 400 14px/1.45 var(--s-font-sans);
  --s-type-body-lg: 400 16px/1.6 var(--s-font-sans);
  --s-type-label: 500 13px/1.3 var(--s-font-sans);
  --s-type-caption: 400 12px/1.4 var(--s-font-sans);
  --s-type-overline: 600 11px/1.2 var(--s-font-sans);
  --s-type-mono: 400 12px/1.4 var(--s-font-mono);
  --s-type-page-title: 400 40px/1 var(--s-font-display);
  --s-type-page-subtitle: 400 16px/1.4 var(--s-font-sans);
  --s-success-50: #EBF7EF;
  --s-success-100: #CDEBD8;
  --s-success-500: #22995A;
  --s-success-600: #1F8A4C;
  --s-success-700: #166B3A;
  --s-warning-50: #FFF6E3;
  --s-warning-100: #FDE7B5;
  --s-warning-500: #E5A11A;
  --s-warning-600: #B7791F;
  --s-warning-700: #8A5A12;
  --s-danger-50: #FDEEEC;
  --s-danger-100: #F9D3CE;
  --s-danger-500: #E04A3C;
  --s-danger-600: #D23A2E;
  --s-danger-700: #A82A20;
  --s-info-50: #EBF2FE;
  --s-info-100: #D3E2FC;
  --s-info-500: #3F7FEA;
  --s-info-600: #2F6FDB;
  --s-info-700: #2256AF;
  --s-status-draft: var(--s-ink-500);
  --s-status-scheduled: var(--s-info-600);
  --s-status-publishing: var(--s-warning-500);
  --s-status-published: var(--s-success-600);
  --s-status-failed: var(--s-danger-600);
  --s-surface-app: #F7F7F8;
  --s-surface-card: #FFFFFF;
  --s-surface-sunken: #F0F0F2;
  --s-surface-hover: #EBECEF;
  --s-surface-raised: #FFFFFF;
  --s-surface-selected: #EDF6FF;
  --s-surface-inverse: #0E0F12;
  --s-surface-scrim: rgba(14,15,18,0.48);
  --s-text-strong: #0E0F12;
  --s-text-body: #2A2C31;
  --s-text-muted: #5B5E66;
  --s-text-subtle: #686B71;
  --s-text-disabled: #B3B6BC;
  --s-text-inverse: #FFFFFF;
  --s-text-accent: #527290;
  --s-text-link: #0E0F12;
  --s-border-subtle: #E6E7EA;
  --s-border-default: #DADCE0;
  --s-border-strong: #C4C7CC;
  --s-border-focus: #0E0F12;
  --s-accent: #8CC8FF;
  --s-accent-hover: #9ED1FF;
  --s-accent-press: #7FB6E7;
  --s-on-accent: #0E0F12;
  --s-signal-50: #F4FAFF;
  --s-signal-100: #E8F4FF;
  --s-signal-200: #CBE6FF;
  --s-signal-300: #AFD9FF;
  --s-signal-400: #9ED1FF;
  --s-signal-500: #8CC8FF;
  --s-signal-600: #7FB6E7;
  --s-signal-700: #527290;
  --s-signal-800: #445E77;
  --s-signal-900: #374A5E;
  --s-ink-0: #FFFFFF;
  --s-ink-50: #F7F7F8;
  --s-ink-100: #F0F0F2;
  --s-ink-150: #E6E7EA;
  --s-ink-200: #DADCE0;
  --s-ink-300: #C4C7CC;
  --s-ink-500: #80838B;
  --s-ink-600: #5B5E66;
  --s-ink-800: #2A2C31;
  --s-ink-950: #0E0F12;
  --s-ring-focus: 0 0 0 3px rgba(140,200,255,0.45);
  --s-progress: #2F6FDB;
  --s-progress-track: #E2EBFA;
}

[data-theme="graphite"][data-mode="dark"] {
  color-scheme: dark;
  --s-surface-app: #0B0C0E;
  --s-surface-card: #141518;
  --s-surface-sunken: #08090A;
  --s-surface-hover: #1D1F23;
  --s-surface-raised: #1B1C1F;
  --s-surface-selected: #27323D;
  --s-surface-inverse: #F3F4F6;
  --s-surface-scrim: rgba(0,0,0,.6);
  --s-text-strong: #F3F4F6;
  --s-text-body: #D7D9DE;
  --s-text-muted: #9A9EA6;
  --s-text-subtle: #85888F;
  --s-text-disabled: #4E5157;
  --s-text-inverse: #0E0F12;
  --s-text-accent: #8CC8FF;
  --s-text-link: #F3F4F6;
  --s-border-subtle: #1F2125;
  --s-border-default: #2A2C31;
  --s-border-strong: #3B3E44;
  --s-border-focus: #F3F4F6;
  --s-accent: #8CC8FF;
  --s-accent-hover: #9ED1FF;
  --s-accent-press: #7FB6E7;
  --s-on-accent: #0E0F12;
  --s-signal-50: #222A34;
  --s-signal-100: #2C3946;
  --s-signal-200: #CBE6FF;
  --s-signal-300: #AFD9FF;
  --s-signal-400: #9ED1FF;
  --s-signal-500: #8CC8FF;
  --s-signal-600: #7FB6E7;
  --s-signal-700: #8CC8FF;
  --s-signal-800: #A3D3FF;
  --s-signal-900: #BADEFF;
  --s-ink-0: #FFFFFF;
  --s-ink-50: #F7F7F8;
  --s-ink-100: #F0F0F2;
  --s-ink-150: #E6E7EA;
  --s-ink-200: #DADCE0;
  --s-ink-300: #C4C7CC;
  --s-ink-500: #80838B;
  --s-ink-600: #5B5E66;
  --s-ink-800: #2A2C31;
  --s-ink-950: #0E0F12;
  --s-ring-focus: 0 0 0 3px rgba(140,200,255,0.32);
  --s-progress: #8CC8FF;
  --s-progress-track: #2E3C4B;
}

@media (prefers-reduced-motion: reduce) {
  [data-theme="graphite"] {
    --s-dur-fast: 0ms;
    --s-dur-base: 0ms;
    --s-dur-slow: 0ms;
  }
}