/* Generated from design/tokens.json (Quiet Surfaces, version 3). Do not edit by hand. */
:root {
  color-scheme: light dark;
  --bg: #e9eff7;
  --ink: #0c1a33;
  --ink-2: rgba(12,26,51,0.62);
  --veil: rgba(233,239,247,0.58);
  --glass: rgba(255,255,255,0.58);
  --glass-strong: rgba(255,255,255,0.82);
  --stroke: rgba(12,26,51,0.10);
  --sheet: rgba(246,249,254,0.6);
  --sheet-edge: rgba(255,255,255,0.75);
  --track: rgba(12,26,51,0.12);
  --track-strong: rgba(12,26,51,0.32);
  --focus: #2f6bff;
  --on-media: #ffffff;
  --on-media-ink: #0c1a33;
  --scrim: rgba(3,5,16,0.78);
  --backdrop: rgba(3,6,16,0.26);
  --accent: var(--blue);
  --on-accent: #ffffff;
  --tint: var(--blue-deep);
  --hi: var(--blue-soft);
  --red: oklch(0.55 0.2 27);
  --red-deep: oklch(0.25 0.06 27);
  --red-soft: oklch(0.88 0.055 27);
  --orange: oklch(0.55 0.155 45);
  --orange-deep: oklch(0.25 0.06 45);
  --orange-soft: oklch(0.88 0.055 45);
  --green: oklch(0.55 0.156 148);
  --green-deep: oklch(0.25 0.06 148);
  --green-soft: oklch(0.88 0.055 148);
  --teal: oklch(0.55 0.093 190);
  --teal-deep: oklch(0.25 0.042 190);
  --teal-soft: oklch(0.88 0.055 190);
  --blue: oklch(0.55 0.192 257);
  --blue-deep: oklch(0.25 0.06 257);
  --blue-soft: oklch(0.88 0.055 257);
  --indigo: oklch(0.55 0.2 277);
  --indigo-deep: oklch(0.25 0.06 277);
  --indigo-soft: oklch(0.88 0.055 277);
  --purple: oklch(0.55 0.2 305);
  --purple-deep: oklch(0.25 0.06 305);
  --purple-soft: oklch(0.88 0.055 305);
  --pink: oklch(0.55 0.2 355);
  --pink-deep: oklch(0.25 0.06 355);
  --pink-soft: oklch(0.88 0.055 355);
  --space-1: 6px;
  --space-2: 8px;
  --space-3: 10px;
  --space-4: 14px;
  --space-5: 16px;
  --space-6: 20px;
  --space-7: 22px;
  --radius-sm: 14px;
  --radius-md: 18px;
  --radius-lg: 24px;
  --radius-xl: 30px;
  --radius-pill: 999px;
  --shadow-raised: 0 30px 60px -30px rgba(0,0,0,0.55);
  --shadow-sheet: 0 -20px 60px rgba(0,0,0,0.3);
  --shadow-tinted: 0 -24px 70px rgba(0,0,0,0.4);
  --shadow-fab: inset 0 1px 1px rgba(255,255,255,0.6),inset 0 -1px 2px rgba(0,0,0,0.1),0 12px 28px -8px rgba(0,0,0,0.35),0 2px 6px rgba(0,0,0,0.1);
  --shadow-control: inset 0 1px 1px rgba(255,255,255,0.5),0 6px 18px rgba(0,0,0,0.22);
  --shadow-glass: inset 0 1px 1px rgba(255,255,255,0.55),inset 0 -1px 2px rgba(0,0,0,0.14),0 8px 22px rgba(0,0,0,0.2);
  --shadow-primary: 0 12px 30px rgba(0,0,0,0.28);
  --blur-chip: 14px;
  --blur-control: 18px;
  --blur-soft: 22px;
  --blur-sheet: 36px;
  --blur-ambient: 46px;
  --duration-press: 150ms;
  --duration-base: 250ms;
  --duration-move: 420ms;
  --duration-slow: 900ms;
  --ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
  --font-display: "Bricolage Grotesque", "Avenir Next Condensed", "Helvetica Neue", "Arial Narrow", system-ui, sans-serif;
  --font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #081024;
    --ink: #f3f6ff;
    --ink-2: rgba(243,246,255,0.66);
    --veil: rgba(8,16,36,0.46);
    --glass: rgba(255,255,255,0.12);
    --glass-strong: rgba(255,255,255,0.22);
    --stroke: rgba(255,255,255,0.14);
    --sheet: rgba(18,24,44,0.56);
    --sheet-edge: rgba(255,255,255,0.16);
    --track: rgba(255,255,255,0.14);
    --track-strong: rgba(255,255,255,0.42);
    --focus: #9db8ff;
    --on-accent: #081024;
    --red: oklch(0.66 0.17 27);
    --orange: oklch(0.66 0.17 45);
    --green: oklch(0.66 0.17 148);
    --teal: oklch(0.66 0.112 190);
    --blue: oklch(0.66 0.17 257);
    --indigo: oklch(0.66 0.17 277);
    --purple: oklch(0.66 0.17 305);
    --pink: oklch(0.66 0.17 355);
  }
}
.display-large { font-family: var(--font-display); font-size: 60px; line-height: 0.9; font-weight: 800; letter-spacing: -0.035em; }
.display-page { font-family: var(--font-display); font-size: 46px; line-height: 0.94; font-weight: 800; letter-spacing: -0.035em; }
.display-title { font-family: var(--font-display); font-size: 36px; line-height: 0.95; font-weight: 800; letter-spacing: -0.03em; }
.display-lead { font-family: var(--font-display); font-size: 22px; line-height: 1.2; font-weight: 600; letter-spacing: -0.015em; }
.text-body { font-family: var(--font-ui); font-size: 16px; line-height: 1.5; font-weight: 400; }
.text-button { font-family: var(--font-ui); font-size: 16px; font-weight: 600; }
.text-intro { font-family: var(--font-ui); font-size: 15px; line-height: 1.45; font-weight: 400; }
.text-small { font-family: var(--font-ui); font-size: 14px; line-height: 1.45; font-weight: 400; }
.text-label { font-family: var(--font-ui); font-size: 13px; font-weight: 600; letter-spacing: 0.01em; }
.text-fine { font-family: var(--font-ui); font-size: 13px; line-height: 1.45; font-weight: 400; }