/* Synced from brand/tokens.css — run scripts/sync-brand-tokens.sh after edits */

/* ============================================================
   MYTHIC MATTERS — BRAND TOKENS
   Source of truth for color across all Mythic Matters properties.
   Load this BEFORE each site's own styles.css.

   Two tiers:
     WEB   — parchment / laurel green / gold. The imprint.
     BOOK  — ink black / antique gold. The Art of Killing Gods.

   The tiers meet at their darkest point: web dark mode (#171410)
   and the book's ink black (#130A0E) are nearly the same color.
   ============================================================ */

:root {
  /* ---- WEB · LIGHT ---- */
  --mm-parchment:       #F4F1E8;  /* page background */
  --mm-parchment-deep:  #E9E1D2;  /* section bands */
  --mm-vellum:          #FFFAF0;  /* cards, raised surfaces */
  --mm-ink:             #2A2724;  /* body text */
  --mm-muted:           #6C665C;  /* secondary text */
  --mm-laurel:          #0E2A28;  /* primary buttons */
  --mm-laurel-light:    #173C38;  /* button hover */
  --mm-gold:            #A8823B;  /* accents, rules, links */
  --mm-gold-deep:       #7D5D23;  /* small text on parchment */
  --mm-verdigris:       #83BDB3;  /* sparing highlight */

  /* ---- BOOK · THE ART OF KILLING GODS ----
     For anything sitting beside the cover: A+ content, print,
     foil editions, title-specific promo. Not for site chrome. */
  --aokg-ink:           #130A0E;
  --aokg-oxblood:       #251A1C;
  --aokg-ember:         #813C22;  /* one accent per piece, never more */
  --aokg-bronze:        #896F46;
  --aokg-gold:          #B69A5E;
  --aokg-foil:          #CFB77A;
  --aokg-bone:          #B1AEA7;

  /* ---- SEMANTIC (what components should reference) ---- */
  --bg:            var(--mm-parchment);
  --bg-deep:       var(--mm-parchment-deep);
  --surface:       var(--mm-vellum);
  --text:          var(--mm-ink);
  --text-muted:    var(--mm-muted);
  --accent:        var(--mm-gold);
  --accent-strong: var(--mm-gold-deep);
  --button:        var(--mm-laurel);
  --button-hover:  var(--mm-laurel-light);
  --on-button:     var(--mm-vellum);
  --border:        rgba(168, 130, 59, 0.24);
  --shadow:        rgba(45, 35, 24, 0.12);
}

@media (prefers-color-scheme: dark) {
  :root {
    /* ---- WEB · DARK ---- */
    --mm-night:        #171410;  /* the bridge to the book palette */
    --mm-night-deep:   #0F0D0A;
    --mm-night-raise:  #1E1B16;
    --mm-ink-inv:      #F1E8D9;
    --mm-muted-inv:    #C4B5A1;
    --mm-laurel:       #0C2C29;
    --mm-laurel-light: #174A43;
    --mm-gold:         #D0A75F;
    --mm-gold-bright:  #E0BD82;
    --mm-verdigris:    #7AAEA6;  /* muted cool accent on dark — pair with gold */

    --bg:            var(--mm-night);
    --bg-deep:       var(--mm-night-deep);
    --surface:       var(--mm-night-raise);
    --text:          var(--mm-ink-inv);
    --text-muted:    var(--mm-muted-inv);
    --accent:        var(--mm-gold);
    --accent-strong: var(--mm-gold-bright);
    --accent-cool:   var(--mm-verdigris);
    --button:        var(--mm-gold);
    --button-hover:  var(--mm-gold-bright);
    --on-button:     var(--mm-night);
    --border:        rgba(210, 185, 142, 0.16);
    --shadow:        rgba(0, 0, 0, 0.42);
  }
}

/* ------------------------------------------------------------
   TYPOGRAPHY — already shared by both sites, recorded here.
   ------------------------------------------------------------ */
:root {
  --mm-display: "Cormorant Garamond", Georgia, serif;
  --mm-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}