/* Brand tokens — the single source for the app, lifted from brand/BRAND_GUIDELINES.md
   and the approved placeholder (assets/placeholder/default.htm). */

:root {
  /* Core palette */
  --gold:        #C8A24B;   /* primary accent, links, Solid badge */
  --gold-hi:     #E0B84C;   /* hover / highlights */
  --obsidian:    #15110C;   /* warm near-black background everywhere */
  --bone:        #F4ECDC;   /* text on obsidian (warm white, never pure #fff) */
  --jade:        #0E8C8B;   /* kickers, labels, Myth-corrected badge */
  --terracotta:  #B5512E;   /* Contested badge, secondary CTAs */
  --sun:         #E0922E;   /* mid-tone accent */

  /* Bandera — RESERVED: byline underbar + Mexico-episode tags only */
  --bandera-g:   #006847;
  --bandera-w:   #FFFFFF;
  --bandera-r:   #CE1126;

  /* Derived surfaces (obsidian tints for cards, rules, wells) */
  --surface:     #1c1710;   /* raised card on obsidian */
  --surface-2:   #241d14;   /* hover / inset */
  --hairline:    rgba(200, 162, 75, 0.22);   /* gold-leaf rule */
  --hairline-soft: rgba(244, 236, 220, 0.10);
  --ink-dim:     rgba(244, 236, 220, 0.62);  /* secondary text */
  --ink-faint:   rgba(244, 236, 220, 0.40);  /* captions, meta */

  /* Type roles */
  --display: 'Archivo Black', system-ui, sans-serif;
  --body:    'Inter', system-ui, sans-serif;

  /* Rhythm */
  --measure: 66ch;          /* prose line length */
  --page-max: 1120px;
  --radius: 14px;
  --radius-sm: 9px;

  /* Motion */
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}