/* Freeday tokens — GENERATED by tokens/build.mjs. Do not edit by hand. */
:root {
  --azure-50: #eff4ff;
  --azure-100: #dbe6fe;
  --azure-200: #bdd2fd;
  --azure-300: #90b3fb;
  --azure-400: #5c8bf6;
  --azure-500: #3467ec;
  --azure-600: #2050d8;
  --azure-700: #1c40b0;
  --azure-800: #1c398c;
  --azure-900: #1c336e;
  --azure-950: #131e42;
  --slate-0: #ffffff;
  --slate-50: #f7f8fa;
  --slate-100: #eef0f4;
  --slate-200: #e0e3ea;
  --slate-300: #cbd0da;
  --slate-400: #99a1b3;
  --slate-500: #6b7488;
  --slate-600: #4d5568;
  --slate-700: #3a4152;
  --slate-800: #262b38;
  --slate-900: #171b26;
  --slate-950: #0e111a;
  --sky-50: #eff6fd;
  --sky-100: #d6e9fb;
  --sky-200: #b0d4f6;
  --sky-300: #7bbdef;
  --sky-400: #47a1e6;
  --sky-500: #1a86dc;
  --sky-600: #0078d4;
  --sky-700: #0061ac;
  --sky-800: #004d88;
  --sky-900: #003a67;
  --red-100: #fee2e2;
  --red-300: #fca5a5;
  --red-400: #f87171;
  --red-500: #ef4444;
  --red-600: #dc2626;
  --red-700: #b91c1c;
  --amber-100: #fef3c7;
  --amber-400: #fbbf24;
  --amber-500: #f59e0b;
  --amber-600: #d97706;
  --amber-700: #b45309;
  --amber-800: #92400e;
  --green-100: #dcfce7;
  --green-400: #4ade80;
  --green-500: #22c55e;
  --green-600: #16a34a;
  --green-700: #15803d;
  --green-800: #166534;
  --blue-100: #dbeafe;
  --blue-300: #93c5fd;
  --blue-400: #60a5fa;
  --blue-500: #3b82f6;
  --blue-600: #2563eb;
  --blue-700: #1d4ed8;
  --font-display: 'Sora', ui-sans-serif, system-ui, sans-serif;
  --font-body: 'IBM Plex Sans', ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5625rem;
  --text-3xl: 1.9375rem;
  --text-4xl: 2.4375rem;
  --text-5xl: 3.0625rem;
  --leading-tight: 1.2;
  --leading-snug: 1.35;
  --leading-normal: 1.55;
  --leading-loose: 1.75;
  --tracking-tighter: -0.03em;
  --tracking-tight: -0.02em;
  --tracking-normal: 0;
  --tracking-wide: 0.06em;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --space-0: 0;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --radius-xs: 3px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-xl: 14px;
  --radius-full: 999px;
  --shadow-1: 0 1px 2px rgba(16,14,30,.06);
  --shadow-2: 0 2px 6px rgba(16,14,30,.07),0 1px 2px rgba(16,14,30,.05);
  --shadow-3: 0 4px 16px -2px rgba(16,14,30,.14),0 1px 3px rgba(16,14,30,.10);
  --shadow-4: 0 24px 48px -12px rgba(16,14,30,.26),0 2px 8px rgba(16,14,30,.10);
  --shadow-lift: 0 1px 2px rgba(16,14,30,.05),0 16px 34px -14px rgba(16,14,30,.24);
  --shadow-lift-hover: 0 2px 4px rgba(16,14,30,.06),0 30px 50px -16px rgba(16,14,30,.33);
  --dur-fast: 120ms;
  --dur-base: 180ms;
  --dur-slow: 280ms;
  --ease-standard: cubic-bezier(.2,0,0,1);
  --ease-spring: cubic-bezier(.2,.8,.2,1);
  --control-h: 2.5rem;
  --control-box: 1.15rem;
  --control-switch-w: 2.4rem;
  --control-switch-h: 1.35rem;
  --bw: 1px;
  --color-primary: var(--azure-600);
  --color-primary-hover: var(--azure-700);
  --color-primary-active: var(--azure-800);
  --color-on-primary: var(--slate-0);
  --color-primary-soft: var(--azure-50);
  --color-primary-border: var(--azure-100);
  --color-accent: var(--sky-600);
  --color-accent-hover: var(--sky-700);
  --color-on-accent: var(--slate-0);
  --color-on-danger: var(--slate-0);
  --color-danger-btn: var(--red-600);
  --color-surface: var(--slate-0);
  --color-surface-2: var(--slate-50);
  --color-surface-3: var(--slate-100);
  --color-text: var(--slate-900);
  --color-text-muted: var(--slate-600);
  --color-text-subtle: var(--slate-500);
  --color-on-brand: var(--slate-0);
  --color-border: var(--slate-200);
  --color-border-strong: var(--slate-300);
  --color-border-muted: var(--slate-100);
  --color-control-border: var(--slate-500);
  --color-switch-thumb: var(--slate-0);
  --color-shadow-inset: rgba(16,14,30,.06);
  --color-inverse-surface: var(--slate-900);
  --color-inverse-text: var(--slate-0);
  --color-success: var(--green-600);
  --color-success-soft: var(--green-100);
  --color-warning: #c2740a;
  --color-warning-soft: var(--amber-100);
  --color-danger: var(--red-600);
  --color-danger-soft: var(--red-100);
  --color-info: var(--blue-600);
  --color-info-soft: var(--blue-100);
  --color-primary-strong: var(--azure-700);
  --color-success-strong: var(--green-800);
  --color-warning-strong: var(--amber-800);
  --color-danger-strong: var(--red-700);
  --color-info-strong: var(--blue-700);
  --chart-1: #2a78d6;
  --chart-2: #eb6834;
  --chart-3: #1baf7a;
  --chart-4: #eda100;
  --chart-5: #e87ba4;
  --chart-6: #008300;
  --chart-7: #4a3aa7;
  --chart-8: #e34948;
  --chart-grid: var(--slate-200);
  --chart-tick: var(--slate-400);
  --tone-1: var(--chart-1);
  --tone-2: var(--chart-2);
  --tone-3: var(--chart-3);
  --tone-4: var(--chart-4);
  --tone-5: var(--chart-5);
  --tone-6: var(--chart-6);
  --tone-7: var(--chart-7);
  --tone-8: var(--chart-8);
  --focus-ring: var(--azure-600);
  --focus-ring-width: 2px;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
  --shadow-1: 0 1px 2px rgba(0,0,0,.4);
  --shadow-2: 0 2px 6px rgba(0,0,0,.45);
  --shadow-3: 0 6px 20px -2px rgba(0,0,0,.6),0 1px 3px rgba(0,0,0,.5);
  --shadow-4: 0 28px 56px -12px rgba(0,0,0,.72),0 2px 8px rgba(0,0,0,.5);
  --shadow-lift: 0 1px 2px rgba(0,0,0,.5),0 18px 38px -14px rgba(0,0,0,.72);
  --shadow-lift-hover: 0 3px 6px rgba(0,0,0,.55),0 32px 56px -16px rgba(0,0,0,.82);
  --color-primary: var(--azure-500);
  --color-primary-hover: var(--azure-400);
  --color-primary-active: var(--azure-300);
  --color-on-primary: var(--slate-0);
  --color-primary-soft: rgba(32,80,216,.20);
  --color-primary-border: rgba(92,139,246,.28);
  --color-accent: var(--sky-400);
  --color-accent-hover: var(--sky-300);
  --color-on-accent: #06233f;
  --color-on-danger: var(--slate-0);
  --color-danger-btn: var(--red-600);
  --color-surface: var(--slate-950);
  --color-surface-2: var(--slate-900);
  --color-surface-3: var(--slate-800);
  --color-text: var(--slate-100);
  --color-text-muted: var(--slate-400);
  --color-text-subtle: var(--slate-500);
  --color-on-brand: var(--slate-0);
  --color-border: var(--slate-800);
  --color-border-strong: var(--slate-700);
  --color-border-muted: #1c2130;
  --color-control-border: var(--slate-500);
  --color-inverse-surface: var(--slate-100);
  --color-inverse-text: var(--slate-900);
  --color-success: var(--green-500);
  --color-success-soft: rgba(34,197,94,.18);
  --color-warning: var(--amber-500);
  --color-warning-soft: rgba(234,179,8,.18);
  --color-danger: var(--red-400);
  --color-danger-soft: rgba(248,113,113,.18);
  --color-info: var(--blue-400);
  --color-info-soft: rgba(96,165,250,.18);
  --color-primary-strong: var(--azure-300);
  --color-success-strong: var(--green-400);
  --color-warning-strong: var(--amber-400);
  --color-danger-strong: var(--red-300);
  --color-info-strong: var(--blue-300);
  --chart-1: #3987e5;
  --chart-2: #d95926;
  --chart-3: #199e70;
  --chart-4: #c98500;
  --chart-5: #d55181;
  --chart-6: #008300;
  --chart-7: #9085e9;
  --chart-8: #e66767;
  --chart-grid: var(--slate-800);
  --chart-tick: var(--slate-600);
  --focus-ring: var(--azure-400);
  }
}
:root[data-theme="dark"] {
  --shadow-1: 0 1px 2px rgba(0,0,0,.4);
  --shadow-2: 0 2px 6px rgba(0,0,0,.45);
  --shadow-3: 0 6px 20px -2px rgba(0,0,0,.6),0 1px 3px rgba(0,0,0,.5);
  --shadow-4: 0 28px 56px -12px rgba(0,0,0,.72),0 2px 8px rgba(0,0,0,.5);
  --shadow-lift: 0 1px 2px rgba(0,0,0,.5),0 18px 38px -14px rgba(0,0,0,.72);
  --shadow-lift-hover: 0 3px 6px rgba(0,0,0,.55),0 32px 56px -16px rgba(0,0,0,.82);
  --color-primary: var(--azure-500);
  --color-primary-hover: var(--azure-400);
  --color-primary-active: var(--azure-300);
  --color-on-primary: var(--slate-0);
  --color-primary-soft: rgba(32,80,216,.20);
  --color-primary-border: rgba(92,139,246,.28);
  --color-accent: var(--sky-400);
  --color-accent-hover: var(--sky-300);
  --color-on-accent: #06233f;
  --color-on-danger: var(--slate-0);
  --color-danger-btn: var(--red-600);
  --color-surface: var(--slate-950);
  --color-surface-2: var(--slate-900);
  --color-surface-3: var(--slate-800);
  --color-text: var(--slate-100);
  --color-text-muted: var(--slate-400);
  --color-text-subtle: var(--slate-500);
  --color-on-brand: var(--slate-0);
  --color-border: var(--slate-800);
  --color-border-strong: var(--slate-700);
  --color-border-muted: #1c2130;
  --color-control-border: var(--slate-500);
  --color-inverse-surface: var(--slate-100);
  --color-inverse-text: var(--slate-900);
  --color-success: var(--green-500);
  --color-success-soft: rgba(34,197,94,.18);
  --color-warning: var(--amber-500);
  --color-warning-soft: rgba(234,179,8,.18);
  --color-danger: var(--red-400);
  --color-danger-soft: rgba(248,113,113,.18);
  --color-info: var(--blue-400);
  --color-info-soft: rgba(96,165,250,.18);
  --color-primary-strong: var(--azure-300);
  --color-success-strong: var(--green-400);
  --color-warning-strong: var(--amber-400);
  --color-danger-strong: var(--red-300);
  --color-info-strong: var(--blue-300);
  --chart-1: #3987e5;
  --chart-2: #d95926;
  --chart-3: #199e70;
  --chart-4: #c98500;
  --chart-5: #d55181;
  --chart-6: #008300;
  --chart-7: #9085e9;
  --chart-8: #e66767;
  --chart-grid: var(--slate-800);
  --chart-tick: var(--slate-600);
  --focus-ring: var(--azure-400);
}
:root[data-theme="light"] {
  --shadow-1: 0 1px 2px rgba(16,14,30,.06);
  --shadow-2: 0 2px 6px rgba(16,14,30,.07),0 1px 2px rgba(16,14,30,.05);
  --shadow-3: 0 4px 16px -2px rgba(16,14,30,.14),0 1px 3px rgba(16,14,30,.10);
  --shadow-4: 0 24px 48px -12px rgba(16,14,30,.26),0 2px 8px rgba(16,14,30,.10);
  --shadow-lift: 0 1px 2px rgba(16,14,30,.05),0 16px 34px -14px rgba(16,14,30,.24);
  --shadow-lift-hover: 0 2px 4px rgba(16,14,30,.06),0 30px 50px -16px rgba(16,14,30,.33);
  --color-primary: var(--azure-600);
  --color-primary-hover: var(--azure-700);
  --color-primary-active: var(--azure-800);
  --color-on-primary: var(--slate-0);
  --color-primary-soft: var(--azure-50);
  --color-primary-border: var(--azure-100);
  --color-accent: var(--sky-600);
  --color-accent-hover: var(--sky-700);
  --color-on-accent: var(--slate-0);
  --color-on-danger: var(--slate-0);
  --color-danger-btn: var(--red-600);
  --color-surface: var(--slate-0);
  --color-surface-2: var(--slate-50);
  --color-surface-3: var(--slate-100);
  --color-text: var(--slate-900);
  --color-text-muted: var(--slate-600);
  --color-text-subtle: var(--slate-500);
  --color-on-brand: var(--slate-0);
  --color-border: var(--slate-200);
  --color-border-strong: var(--slate-300);
  --color-border-muted: var(--slate-100);
  --color-control-border: var(--slate-500);
  --color-inverse-surface: var(--slate-900);
  --color-inverse-text: var(--slate-0);
  --color-success: var(--green-600);
  --color-success-soft: var(--green-100);
  --color-warning: #c2740a;
  --color-warning-soft: var(--amber-100);
  --color-danger: var(--red-600);
  --color-danger-soft: var(--red-100);
  --color-info: var(--blue-600);
  --color-info-soft: var(--blue-100);
  --color-primary-strong: var(--azure-700);
  --color-success-strong: var(--green-800);
  --color-warning-strong: var(--amber-800);
  --color-danger-strong: var(--red-700);
  --color-info-strong: var(--blue-700);
  --chart-1: #2a78d6;
  --chart-2: #eb6834;
  --chart-3: #1baf7a;
  --chart-4: #eda100;
  --chart-5: #e87ba4;
  --chart-6: #008300;
  --chart-7: #4a3aa7;
  --chart-8: #e34948;
  --chart-grid: var(--slate-200);
  --chart-tick: var(--slate-400);
  --focus-ring: var(--azure-600);
}
:root[data-density="compact"] {
  --space-3: 0.625rem;
  --space-4: 0.75rem;
  --space-5: 1rem;
  --space-6: 1.25rem;
  --control-h: 2rem;
}