/* ============================================================
   Design tokens — auto-generated from city.config.json
   Do NOT edit by hand. Run `python3 scripts/build-tokens-css.py`
   after editing city.config.json → colors / fonts.

   Every HTML file has an inline :root block as a byte-for-byte
   fallback. This file loads AFTER the inline <style> tag so its
   values override on browsers that successfully fetch it. If this
   file 404s, the inline fallback kicks in and nothing breaks.
   ============================================================ */

:root {
  /* Core palette */
  --ink:      #1a1714;
  --cream:    #f5f0e8;
  --warm:     #e8dfd0;
  --gold:     #c9a84c;
  /* Dark variant of gold that passes WCAG AA (4.5:1) on cream bg —
     used for inline body text links. See scripts/build-base-css.py
     for the override rules that scope this to text-in-content. */
  --gold-dark: #806519;
  --slate:    #4a4640;
  --muted:    #635e55;
  --white:    #ffffff;

  /* Derived */
  --border: rgba(201, 168, 76, 0.25);

  /* Typography */
  --serif:  'Playfair Display', Georgia, serif;
  --sans:   'DM Sans', sans-serif;

  /* Spacing */
  --gap:    clamp(1.5rem, 4vw, 3rem);
}