/* Hallmark · genre: editorial · macrostructure: Map / Diagram (the house is the map; a live floor plan is the nav)
 * theme: studied-DNA (source: https://pasqua.it/ home, measured 2026-10-19) drifted to our own dress
 * paper oklch(93% 0.012 80) · accent oklch(57% 0.165 32) cinnabar · display Archivo (wdth 125) + Gloock · body Archivo
 * nav: N9 edge-aligned minimal · footer: Ft6 letter close · enrichment: live three.js house (procedural, 0 cr)
 */
:root {
  /* colour: warm limestone anchor, hue 70–85 */
  --color-paper:    oklch(93% 0.012 80);
  --color-paper-2:  oklch(88% 0.014 78);
  --color-rule:     oklch(78% 0.012 75);
  --color-ink:      oklch(21% 0.014 60);
  --color-muted:    oklch(40% 0.012 65);
  --color-bone:     oklch(95% 0.012 85);
  --color-bone-dim: oklch(85% 0.012 80);
  --color-scrim:    oklch(16% 0.012 55);
  --color-accent:   oklch(57% 0.165 32);
  --color-focus:    oklch(57% 0.165 32);
  --color-sky:      oklch(91% 0.03 85);

  /* type */
  --font-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-serif:   "Gloock", "Bodoni 72", Didot, Georgia, serif;
  --font-body:    "Archivo", "Helvetica Neue", Arial, sans-serif;
  --wdth-display: 125;
  --wdth-body:    100;

  --text-xs:      0.75rem;
  --text-sm:      0.875rem;
  --text-base:    1rem;
  --text-md:      1.25rem;
  --text-display: clamp(2.35rem, 4.15vw + 0.5rem, 4.9rem);

  /* space: 4 pt scale */
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2rem;
  --space-2xl: 3rem;
  --space-3xl: 4.5rem;
  --page-gutter: clamp(1rem, 3.2vw, 2.75rem);

  /* 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;
  --dur-title: 900ms;

  /* shape + layers */
  --radius-pill: 999px;
  --rule-hair: 1px;
  --z-canvas: 0;
  --z-scrim: 1;
  --z-beats: 2;
  --z-chrome: 3;
  --z-dialog: 4;
}