/* ============================================================
   BANDIT LORE — COLOR TOKENS
   Vintage-Americana: burnt orange + terracotta on
   cream / black / dark gray. No blue. Ever.
   ============================================================ */

:root {
  /* ---- Brand orange family ---- */
  --bl-burnt-orange:  #BD5B2E; /* primary  — buttons, key accents on light */
  --bl-terracotta:    #C8612E; /* accent   — secondary highlights */
  --bl-bright-orange: #D2743C; /* on dark  — orange that holds up on black/gray */
  --bl-orange-deep:   #8F3F1C; /* pressed / shadow tone */
  --bl-orange-tint:   #E7C9B4; /* faint wash on cream — hairlines, fills */

  /* ---- Neutrals ---- */
  --bl-near-black: #211C17; /* primary text on light, ink */
  --bl-dark-gray:  #2C2C2A; /* dark surface background */
  --bl-black:      #14110E; /* deepest background, true night */
  --bl-cream:      #F4EFE7; /* light background / text on dark */
  --bl-cream-2:    #EBE3D6; /* secondary cream — cards, panels on light */
  --bl-cream-3:    #DFD5C4; /* hairline / divider on light */
  --bl-stone:      #8A8278; /* muted text, captions */
  --bl-stone-dark: #6B655C; /* muted text on cream */
  --bl-ash:        #A39C90; /* muted text on dark surfaces */

  /* ---- Semantic — surfaces ---- */
  --surface-page:      var(--bl-cream);
  --surface-card:      var(--bl-cream-2);
  --surface-dark:      var(--bl-dark-gray);
  --surface-night:     var(--bl-black);
  --surface-inverse:   var(--bl-near-black);

  /* ---- Semantic — text ---- */
  --text-ink:        var(--bl-near-black); /* on light */
  --text-muted:      var(--bl-stone-dark); /* on light */
  --text-on-dark:    var(--bl-cream);      /* on dark */
  --text-muted-dark: var(--bl-ash);        /* on dark */
  --text-accent:     var(--bl-burnt-orange);
  --text-accent-dark:var(--bl-bright-orange);

  /* ---- Semantic — lines & accents ---- */
  --border-soft:    var(--bl-cream-3);
  --border-strong:  var(--bl-near-black);
  --border-dark:    rgba(244,239,231,0.14);
  --accent:         var(--bl-burnt-orange);
  --accent-dark:    var(--bl-bright-orange);

  /* ---- Status (kept warm; no blue) ---- */
  --status-live:    #C24B2C; /* recording / live dot */
  --status-good:    #6E7F52; /* muted olive — success */
  --status-warn:    #C98A2E; /* amber — caution */
}