/* Hallmark tokens · HermesAI.help surf-school offer · macrostructure: Narrative Workflow · theme: custom ocean editorial */
:root {
  --color-paper: oklch(13.5% 0.035 240);
  --color-paper-2: oklch(17.5% 0.040 235);
  --color-paper-3: oklch(23% 0.045 232);
  --color-panel: oklch(18% 0.025 230);
  --color-panel-soft: oklch(92% 0.025 78);
  --color-ink: oklch(96% 0.018 82);
  --color-ink-dark: oklch(18% 0.018 232);
  --color-muted: oklch(76% 0.028 220);
  --color-muted-2: oklch(64% 0.026 220);
  --color-rule: oklch(42% 0.035 232);
  --color-rule-soft: oklch(31% 0.035 232);
  --color-foam: oklch(89% 0.080 185);
  --color-foam-2: oklch(78% 0.115 198);
  --color-ocean: oklch(46% 0.135 238);
  --color-sun: oklch(82% 0.115 78);
  --color-focus: oklch(82% 0.135 190);
  --font-display: "Bricolage Grotesque", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: "Geist", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --space-2xs: .25rem;
  --space-xs: .5rem;
  --space-sm: .75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4.5rem;
  --space-4xl: 6.5rem;
  --text-xs: .78rem;
  --text-sm: .9rem;
  --text-base: 1rem;
  --text-md: 1.2rem;
  --text-lg: 1.55rem;
  --text-xl: 2rem;
  --text-2xl: 2.65rem;
  --text-display: clamp(3.15rem, 7vw, 5.45rem);
  --text-display-s: clamp(2.35rem, 5vw, 4rem);
  --radius-xs: .6rem;
  --radius-sm: .9rem;
  --radius-md: 1.35rem;
  --radius-lg: 2rem;
  --radius-pill: 999px;
  --rule: 1px solid color-mix(in oklch, var(--color-rule), transparent 45%);
  --rule-soft: 1px solid color-mix(in oklch, var(--color-rule-soft), transparent 35%);
  --shadow-low: 0 18px 50px color-mix(in oklch, var(--color-paper), transparent 35%);
  --shadow-high: 0 34px 120px color-mix(in oklch, var(--color-paper), transparent 10%);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 120ms;
  --dur: 220ms;
  --dur-slow: 460ms;
  --max: 1180px;
}