/* AI and I, "Atelier" design tokens. Single source of truth for the locked brand identity.
   Locked 2026-06-13. Deliberately NOT the Odyssey dark-gold house style.
   Usage law: restrained by default (oat ground, ink-green structure, clay-rose as the ONE spark).
   Dial up to bone + ember ONLY when a surface must shout. Clay-rose is always the warmest
   thing on the page. */

:root {
  /* --- Restrained palette (default) --- */
  --oat:         #EDE7DC; /* page ground */
  --linen:       #F4EFE6; /* raised surface */
  --ink:         #2A2622; /* warm ink, body text */
  --ink-green:   #2E4039; /* primary / structure / headings */
  --clay-rose:   #8E4F44; /* the single warm spark / accent */
  --stone-taupe: #B9A88F; /* hairlines / fine rules ONLY (too light for text) */
  --ink-muted:   #6E6253; /* muted / secondary text, AA-readable on oat (~5:1) */

  /* --- Loud dial (covers + heroes only, rationed) --- */
  --bone:        #F6F1E7; /* loud ground */
  --ember:       #C6552F; /* loud accent */
  --deep-brick:  #8F3415; /* accent text on bone */

  /* --- Type --- */
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif; /* NOT Cormorant */
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;

  /* --- Structure --- */
  --rule: 1px solid rgba(46, 64, 57, 0.14);   /* ink-green hairline */
  --rule-soft: 1px solid rgba(185, 168, 143, 0.45); /* stone-taupe hairline */
  --radius: 12px;
  --radius-sm: 8px;
  --measure: 62ch;                            /* comfortable reading width */
  --ease: 0.15s ease;                         /* micro-interactions */
  --ease-state: 0.3s ease;                    /* state changes */
}