/* ATRIJ - design tokens
   Quiet-luxury system: warm ivory, dusk near-black, muted antique gold used
   only for hairlines and small caps. Fraunces (light serif) + Questrial. */
:root {
  /* Surfaces */
  --color-ivory: #f2efe7;        /* page background */
  --color-porcelain: #faf8f1;    /* cards, panels */
  --color-dusk: #1b1813;         /* dark sections, warm near-black */
  --color-dusk-2: #141210;       /* footer */

  /* Ink */
  --color-ink: #272319;          /* text on ivory */
  --color-muted: #7c7462;        /* secondary on ivory */
  --color-cream: #efeadd;        /* text on dusk */
  --color-muted-d: #a79d88;      /* secondary on dusk */

  /* Accent: antique gold, sparingly */
  --color-gold: #a2854e;
  --color-gold-deep: #856c3c;
  --color-gold-soft: #c9b183;    /* on dark */

  /* Lines */
  --color-line: #e0dac9;
  --color-line-d: rgba(201, 177, 131, .25);

  /* Type */
  --font-display: "Fraunces", "Georgia", serif;
  --font-body: "Questrial", "Avenir Next", -apple-system, sans-serif;

  --fs-200: .8125rem;
  --fs-300: .925rem;
  --fs-400: 1rem;
  --fs-500: 1.15rem;
  --fs-600: clamp(1.35rem, 1.15rem + .6vw, 1.7rem);
  --fs-700: clamp(1.75rem, 1.4rem + 1.2vw, 2.5rem);
  --fs-800: clamp(2.2rem, 1.6rem + 2.2vw, 3.5rem);
  --fs-hero: clamp(2.4rem, 1.7rem + 2.8vw, 4rem);
  --fs-stat: clamp(2.6rem, 1.9rem + 2.6vw, 4.2rem);

  /* Caps utility */
  --caps-ls: .22em;

  /* Space */
  --s1: .25rem; --s2: .5rem; --s3: .75rem; --s4: 1rem; --s5: 1.5rem;
  --s6: 2rem; --s7: 2.75rem; --s8: 3.5rem; --s9: 4.5rem; --s10: 6rem;

  /* Shape: sharp, gallery-like */
  --radius: 0px;

  --container: 82rem;
  --header-h: 5rem;
}

/* Wide screens (added 2026-07-13): let content breathe on 27"+ displays.
   Container grows and the percentage root scales type + spacing together
   while respecting user font-size preferences. Nothing below 1600px changes. */
@media (min-width: 1600px) {
  :root { --container: 1400px; }
  html { font-size: 106.25%; }
}
@media (min-width: 2000px) {
  :root { --container: 1560px; }
  html { font-size: 112.5%; }
}