/* Hallmark · genre: modern-minimal · macrostructure: Workbench · design-system: design.md · designed-as-app
 * tone: utilitarian-warm · anchor hue: salmon oklch(72.5% 0.11 28)
 * nav: N5 floating-pill · footer: Ft1 mast-headed
 * pre-emit critique: P5 H4 E5 S5 R5 V4
 */

:root {
  /* ── Color — warm-tinted OKLCH system ─────────────────────────── */

  /* Light surfaces */
  --color-paper:        oklch(98.5% 0.004 28);   /* base page bg */
  --color-paper-2:      oklch(95%   0.007 28);   /* section alt bg */
  --color-paper-3:      oklch(91%   0.010 28);   /* card surface */

  /* Dark surfaces */
  --color-paper-inv:    oklch(14%   0.010 28);   /* nav pill bg, CTA section bg, schedule card */
  --color-paper-inv-2:  oklch(20%   0.010 28);   /* elevated dark cards */
  --color-paper-inv-rule: oklch(28%  0.010 28);  /* hairlines on dark */

  /* Ink — light surfaces */
  --color-ink:          oklch(17%   0.010 28);   /* primary text */
  --color-ink-2:        oklch(42%   0.015 28);   /* secondary text / captions */
  --color-ink-3:        oklch(62%   0.012 28);   /* placeholder / tertiary */

  /* Ink — dark surfaces */
  --color-ink-inv:      oklch(92%   0.006 28);   /* primary text on dark */
  --color-ink-inv-2:    oklch(68%   0.010 28);   /* secondary text on dark */

  /* Rules */
  --color-rule:         oklch(88%   0.010 28);   /* hairlines on light */

  /* Accent */
  --color-accent:       oklch(72.5% 0.11  28);   /* brand salmon */
  --color-accent-hover: oklch(66%   0.12  28);   /* accent hover */
  --color-accent-active:oklch(61%   0.13  28);   /* accent active */
  --color-accent-light: oklch(88%   0.055 28);   /* accent tint (badge bg) */
  --color-accent-ink:   oklch(99%   0.005 28);   /* text on accent fill */

  /* Focus */
  --color-focus:        oklch(72.5% 0.11  28);   /* matches accent */

  /* ── Typography ────────────────────────────────────────────────── */
  --font-display: "General Sans", system-ui, sans-serif;
  --font-body:    "Geist",        system-ui, sans-serif;
  --font-mono:    "Geist Mono",   monospace;

  /* ── Type scale ────────────────────────────────────────────────── */
  --text-xs:        0.75rem;    /* 12px */
  --text-sm:        0.875rem;   /* 14px */
  --text-base:      1rem;       /* 16px */
  --text-md:        1.125rem;   /* 18px */
  --text-lg:        1.375rem;   /* 22px */
  --text-xl:        1.75rem;    /* 28px */
  --text-2xl:       2.25rem;    /* 36px */
  --text-3xl:       2.875rem;   /* 46px */
  --text-4xl:       3.625rem;   /* 58px */
  --text-display:   clamp(2.75rem, 5vw + 1rem, 4.75rem);
  --text-display-s: clamp(2rem, 3.5vw + 0.5rem, 3.25rem);

  /* ── Spacing — 4pt named scale ─────────────────────────────────── */
  --space-3xs: 0.25rem;    /*  4px */
  --space-2xs: 0.5rem;     /*  8px */
  --space-xs:  0.75rem;    /* 12px */
  --space-sm:  1rem;       /* 16px */
  --space-md:  1.5rem;     /* 24px */
  --space-lg:  2rem;       /* 32px */
  --space-xl:  3rem;       /* 48px */
  --space-2xl: 4.5rem;     /* 72px */
  --space-3xl: 7rem;       /* 112px */

  /* ── Motion ────────────────────────────────────────────────────── */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:     cubic-bezier(0.4, 0, 1, 1);
  --ease-in-out: cubic-bezier(0.45, 0, 0.55, 1);
  --dur-short:   160ms;
  --dur-medium:  250ms;

  /* ── Geometry ───────────────────────────────────────────────────── */
  --radius-sm:    4px;
  --radius-md:    8px;
  --radius-lg:    14px;
  --radius-pill:  9999px;
  --radius-card:  14px;
  --radius-input: 8px;
}