/* Hallmark · macrostructure: Photographic (Apple product-page convention — centred
 * headline + huge image per fold, alternating with narrow text folds) · genre: modern-minimal
 * nav: N9 Edge-aligned minimal · footer: Ft2 Inline single line
 * theme: custom · vibe: "Apple product page — quiet, near-white, one confident deep-green accent"
 * paper: oklch(98.5% 0.002 145) · accent: oklch(46% 0.14 152)
 * display: Geist 700 · body: Geist 400 (single family — Austere register, per typography.md)
 * axes: light / geometric-sans / chromatic-other (chromatic-green ~152°) · differs from prior (dark / geometric-sans / chromatic-lime ~129°) on paper-band
 * studied: no · context: user picked "Apple Clean" from a 5-concept comparison gallery · v3.0.0
 */

:root {
  /* Paper — near-white, barely cool-tinted (never pure #fff) */
  --color-paper:    oklch(98.5% 0.002 145);
  --color-paper-2:  oklch(96%   0.004 145);
  --color-paper-3:  oklch(93%   0.005 145);

  /* Ink — Apple graphite, tinted (never pure #000) */
  --color-ink:      oklch(20% 0.006 145);
  --color-ink-2:    oklch(45% 0.006 145);

  /* Dark surface — one closing band, where the glossy chrome wordmark lives.
     Never used for body copy sections, only this one signature moment. */
  --color-dark:      oklch(16% 0.008 145);
  --color-dark-2:    oklch(22% 0.010 145);
  --color-on-dark:      oklch(96% 0.004 145);
  --color-on-dark-muted: oklch(70% 0.008 145);

  /* Supporting greys */
  --color-rule:     oklch(88% 0.004 145);
  --color-rule-2:   oklch(92% 0.003 145);
  --color-muted:    oklch(52% 0.005 145);
  --color-neutral:  oklch(60% 0.005 145);

  /* Accent — one confident deep green. Never a fill covering more than a
     button or a link; the page's calm comes from how little this appears. */
  --color-accent:       oklch(46% 0.14 152);
  --color-accent-2:     oklch(52% 0.14 152);
  --color-accent-ink:   oklch(98.5% 0.005 145);
  --color-focus:        oklch(50% 0.18 152);

  /* Fonts — one family (Geist), display/body split by weight only. The
     Austere register in typography.md sanctions this; it's also literally
     how Apple pairs SF Pro Display with SF Pro Text. */
  --font-display: "Geist", ui-sans-serif, sans-serif;
  --font-body:    "Geist", ui-sans-serif, system-ui, sans-serif;
  --font-mono:    "Geist Mono", ui-monospace, "SF Mono", monospace;

  /* Scale — major third */
  --text-xs:   0.64rem;
  --text-sm:   0.8rem;
  --text-base: 1rem;
  --text-md:   1.25rem;
  --text-lg:   1.5625rem;
  --text-xl:   1.9531rem;
  --text-2xl:  2.4414rem;
  --text-3xl:  3.0518rem;
  --text-display-s: clamp(2rem, 4vw + 1rem, 3.25rem);
  --text-display:   clamp(2.5rem, 4vw + 1rem, 3.75rem);

  /* Spacing — 4pt scale */
  --space-3xs: 0.125rem;
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  --space-4xl: 9rem;

  --page-gutter: clamp(1.25rem, 4vw, 3rem);

  /* Motion */
  --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-micro: 120ms;
  --dur-short: 220ms;
  --dur-long:  420ms;

  /* Radii */
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;

  /* Z-scale */
  --z-base:     1;
  --z-raised:   10;
  --z-dropdown: 100;
  --z-sticky:   200;
  --z-modal:    400;
  --z-toast:    500;
  --z-tooltip:  600;

  --rule-hair: 1px;
}