@font-face {
  font-family: 'Bricolage Grotesque';
  src: url('/fonts/bricolage-grotesque-variable.woff2') format('woff2');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Albert Sans';
  src: url('/fonts/albert-sans-variable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
:root {
  color-scheme: light;
  --primary: #2E2A6B;
  --accent: #00705C;
  --ink: #141322;
  --paper: #F4F0E6;
  --danger: #b3261e;
  --danger-content: #ffffff;
  --font-display: 'Bricolage Grotesque', 'Albert Sans', system-ui, sans-serif;
  --font-body: 'Albert Sans', system-ui, sans-serif;
  --primary-content: #F4F0E6;
  --accent-content: #F4F0E6;
  --surface: #e9e5dc;
  --surface-2: #dbd8d0;
  --muted: #6e6b70;
  --line: #d0cdc7;
  --ok: #1E8A55;
  --warning: #8a5a00;
  --warning-content: #F4F0E6;
  --display-tracking: -0.028em;
  --display-weight: 720;
  --ease: cubic-bezier(.2,.0,0.82,1);
  --edge: 0px;
  --eyebrow-tracking: 0.06em;
  --hover-lift: 1.2px;
  --lift: 0 2px 6px rgba(0,0,0,0.08);
  --measure: 60ch;
  --pace: 144ms;
  --page: 72rem;
  --radius: 14px;
  --space: 1.15rem;
  --space-lg: 2.875rem;
  --text-base: 1.062rem;
  --text-display: clamp(2.075rem, 7vw, 3.372rem);
  --text-lg: 1.328rem;
  --text-sm: 0.85rem;
  --text-xl: 1.66rem;
}
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --ink: #F1ECE0;
    --paper: #16152A;
    --primary: #B4AFF2;
    --accent: #3CC7AE;
    --danger: #F2968C;
    --danger-content: #16152A;
    --primary-content: #16152A;
    --accent-content: #16152A;
    --surface: #201F37;
    --surface-2: #2B2A45;
    --muted: #ADAAC0;
    --line: #3A3854;
    --ok: #5CCB8F;
    --warning: #E8A33D;
    --warning-content: #16152A;
    --lift: 0 2px 6px rgba(0,0,0,0.24);
  }
}
@media (prefers-reduced-motion: reduce) {
  :root { --pace: 0ms; }
  *, *::before, *::after { animation-duration: 1ms !important; transition-duration: 1ms !important; }
}