/* Hallmark · genre: modern-minimal · macrostructure: Catalogue · theme: Quiet
 * tone: utilitarian-luxury · anchor hue: 50 · nav: N9 · footer: Ft2
 * pre-emit critique: P5 H5 E5 S5 R5 V5
 * contrast: pass (46–50) · mobile: pass (36, 59, 61–69)
 */

:root {
  /* ── Paper ── */
  --color-paper:    oklch(97% 0.006 55);
  --color-paper-2:  oklch(94% 0.008 52);
  --color-paper-3:  oklch(91% 0.006 50);

  /* ── Ink ── */
  --color-ink:      oklch(18% 0.008 45);
  --color-ink-2:    oklch(32% 0.006 45);
  --color-ink-3:    oklch(45% 0.005 45);

  /* ── Rules / Neutrals ── */
  --color-rule:     oklch(88% 0.005 50);
  --color-rule-2:   oklch(80% 0.004 48);
  --color-neutral:  oklch(50% 0.005 45);
  --color-muted:    oklch(58% 0.004 48);

  /* ── Accent ── */
  --color-accent:   oklch(45% 0.12 40);
  --color-focus:    oklch(50% 0.14 40);

  /* ── Tier ── */
  --color-tier-high:       oklch(42% 0.08 155);
  --color-tier-high-ink:   oklch(96% 0.006 155);
  --color-tier-mid:        oklch(48% 0.10 230);
  --color-tier-mid-ink:    oklch(98% 0.006 230);
  --color-tier-low:        oklch(58% 0.14 65);
  --color-tier-low-ink:    oklch(98% 0.006 65);
  --color-tier-danger:     oklch(52% 0.18 28);
  --color-tier-danger-ink: oklch(98% 0.006 28);

  /* ── Gender ── */
  --color-w:        oklch(48% 0.07 340);
  --color-m:        oklch(42% 0.07 240);
  --color-w-bg:     oklch(93% 0.02 340);
  --color-m-bg:     oklch(93% 0.02 240);

  /* ── Size cell ── */
  --color-size-high-bg: oklch(93% 0.02 155);

  /* ── Sticky header bg ── */
  --color-sticky-bg: oklch(97% 0.006 55 / 0.92);

  /* ── Typography ── */
  --font-display:   "Geist", ui-sans-serif, system-ui, sans-serif;
  --font-body:      "Geist", ui-sans-serif, system-ui, sans-serif;
  --font-wordmark:  "Instrument Serif", ui-serif, Georgia, serif;

  /* ── Scale (1.25) ── */
  --text-2xs:   0.5625rem;
  --text-xs:    0.6875rem;
  --text-sm:    0.8125rem;
  --text-base:  1rem;
  --text-md:    1.25rem;
  --text-lg:    1.5625rem;
  --text-xl:    1.953rem;
  --text-2xl:   2.441rem;
  --text-3xl:   3.052rem;
  --text-display: clamp(2.5rem, 4vw + 1rem, 4rem);

  /* ── Spacing (4pt) ── */
  --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;

  /* ── Layout ── */
  --page-gutter: clamp(1rem, 4vw, 2.5rem);
  --page-max:    72rem;
  --radius-sm:   3px;
  --radius-md:   6px;

  /* ── Rules ── */
  --rule-hair: 1px;
  --rule-thick: 2px;

  /* ── 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;

  /* ── Z ── */
  --z-base:     1;
  --z-raised:   10;
  --z-sticky:   200;
  --z-modal:    400;
}