@font-face{font-family:Manrope;src:url('./fonts/manrope.woff2') format('woff2');font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('./fonts/space-grotesk.woff2') format('woff2');font-weight:500 700;font-style:normal;font-display:swap}
:root{
  --font-body:Manrope,'Segoe UI',sans-serif;
  --font-display:'Space Grotesk',Manrope,'Segoe UI',sans-serif;
  --color-paper:oklch(98.5% .004 255);
  --color-surface:oklch(100% 0 0);
  --color-ink:oklch(25% .055 259);
  --color-muted:oklch(47% .024 259);
  --color-subtle:oklch(54% .025 259);
  --color-accent:oklch(51% .22 261);
  --color-accent-hover:oklch(44% .20 261);
  --color-tint:oklch(95% .025 258);
  --color-rule:oklch(89% .014 258);
  --color-control:oklch(63% .035 258);
  --color-navy:oklch(23% .06 262);
  --color-navy-raised:oklch(28% .062 262);
  --color-navy-rule:oklch(42% .05 262);
  --color-on-dark:oklch(98% .008 258);
  --color-on-dark-muted:oklch(79% .026 255);
  --color-green:oklch(41% .105 157);
  --color-green-light:oklch(94% .035 157);
  --color-amber:oklch(44% .10 64);
  --color-amber-light:oklch(96% .028 75);
  --color-red:oklch(46% .16 27);
  --color-red-light:oklch(96% .021 27);
  --color-shadow:oklch(26% .06 260 / .10);
  --color-transparent:transparent;
  --space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:5rem;--space-4xl:7rem;
  --radius:12px;
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-in:cubic-bezier(.7,0,.84,0);
  --ease-in-out:cubic-bezier(.65,0,.35,1);
}

:root{--bg-base:var(--color-paper);--surface:var(--color-surface);--surface-muted:var(--color-paper);--surface-elevated:var(--color-surface);--line:var(--color-rule);--line-strong:var(--color-control);--text-main:var(--color-ink);--text-soft:var(--color-muted);--text-muted:var(--color-subtle);--primary:var(--color-accent);--primary-strong:var(--color-accent-hover);--primary-soft:var(--color-tint);--danger:var(--color-red);--danger-soft:var(--color-red-light);--success:var(--color-green);--success-soft:var(--color-green-light);--color-overlay:oklch(20% .05 260 / .55);--radius-sm:6px;--radius-md:10px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;}