/* ============================================================
   Aalekh — Design Tokens  ·  "Quiet Gallery"
   Display: Instrument Serif   Body: Hanken Grotesk
   Palette: bone · ink · clay · stone
   (token NAMES are kept stable so components recolour cleanly)
   ============================================================ */

:root {
  /* ---- Colour: Quiet Gallery ---- */
  --paper:        #FBFAF7;   /* page background — bone */
  --paper-2:      #F3F1EA;   /* alt section ground — warm chalk */
  --surface:      #FFFFFF;   /* raised cards */
  --ink:          #16140F;   /* primary text — near-black */
  --ink-2:        #5B564C;   /* secondary text — warm grey */
  --ink-3:        #9A9488;   /* tertiary / captions — stone-light */
  --oxide:        #B4623C;   /* PRIMARY ACCENT — clay (name kept) */
  --oxide-deep:   #8F4A2C;   /* hover / pressed */
  --oxide-tint:   #EFDED2;   /* faint clay wash */
  --sage:         #8A8578;   /* secondary accent — stone */
  --sage-tint:    #E4E1D8;
  --line:         rgba(22, 20, 15, 0.13);   /* hairlines */
  --line-soft:    rgba(22, 20, 15, 0.07);
  --line-oxide:   rgba(180, 98, 60, 0.32);

  /* ---- Type ---- */
  --serif: "Instrument Serif", Georgia, "Times New Roman", serif;
  --sans:  "Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;

  /* fluid type scale — Instrument Serif sets large & airy */
  --t-display: clamp(3.1rem, 1.6rem + 6.2vw, 7.2rem);
  --t-h1:      clamp(2.5rem, 1.5rem + 4.2vw, 5rem);
  --t-h2:      clamp(2rem, 1.3rem + 2.7vw, 3.4rem);
  --t-h3:      clamp(1.45rem, 1.1rem + 1.3vw, 2.05rem);
  --t-lead:    clamp(1.14rem, 1rem + 0.6vw, 1.5rem);
  --t-body:    1.0625rem;
  --t-sm:      0.9375rem;
  --t-label:   0.72rem;   /* tracked uppercase gallery labels */

  /* ---- Spacing & rhythm ---- */
  --gutter: clamp(1.25rem, 0.6rem + 3vw, 4.5rem);
  --section-y: clamp(4.5rem, 3rem + 6.5vw, 10rem);
  --maxw: 1380px;
  --measure: 64ch;

  /* ---- Motion ---- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur: 0.6s;

  /* ---- Radius / shadow ---- */
  --r: 2px;
  --shadow: 0 1px 2px rgba(22,20,15,.04), 0 14px 44px -14px rgba(22,20,15,.16);
}