/* BOON — Color tokens
   Six official brand colors from the Visual Identity Look Book (2026).
   Base palette + semantic aliases. */

:root {
  /* ---- Base palette ---- */
  --boon-graphite:      #262626; /* Secure, honest — nav, footer, dark bg, strong text */
  --boon-terracotta:    #ac5042; /* Warm, grounded — primary CTAs, main accents */
  --boon-mahogany:      #480f09; /* Stability, strength — deep accents, external links */
  --boon-teal:          #24595b; /* Curious, witty — secondary buttons, Hub, podcast */
  --boon-bronze:        #de9c1b; /* Engaging, radiant — callouts, highlights, dividers */
  --boon-gray92:        #ebebeb; /* Precise, accessible — page + card backgrounds */
  --boon-white:         #ffffff;

  /* ---- Tints & shades (derived, for hovers / surfaces) ---- */
  --boon-terracotta-hover: #94433733; /* not used directly; see semantic below */
  --boon-terracotta-600:  #973f33; /* pressed / darker terracotta */
  --boon-terracotta-050:  #f6e9e6; /* faint terracotta wash */
  --boon-teal-600:        #1c4749; /* pressed / darker teal */
  --boon-teal-050:        #e5eeee; /* faint teal wash */
  --boon-bronze-050:      #fbf1d9; /* faint bronze wash */
  --boon-graphite-800:    #171717; /* deeper than graphite */
  --boon-graphite-700:    #3a3a3a; /* raised surface on dark */
  --boon-ink-60:          #262626a3; /* 64% graphite — secondary text */
  --boon-ink-40:          #26262666; /* 40% graphite — muted text */
  --boon-hairline:        #dcdcdc;   /* subtle border on light */
  --boon-hairline-dark:   #ffffff1f; /* subtle border on dark */

  /* ---- Semantic aliases ---- */
  --surface-page:      var(--boon-gray92);
  --surface-card:      var(--boon-white);
  --surface-dark:      var(--boon-graphite);
  --surface-dark-2:    var(--boon-graphite-800);
  --surface-teal:      var(--boon-teal);
  --surface-terracotta:var(--boon-terracotta);
  --surface-mahogany:  var(--boon-mahogany);

  --text-strong:       var(--boon-graphite);
  --text-body:         #2f2f2f;
  --text-muted:        var(--boon-ink-60);
  --text-on-dark:      var(--boon-gray92);
  --text-on-dark-muted:#ffffffb3;
  --text-accent:       var(--boon-terracotta);

  --accent-primary:    var(--boon-terracotta);
  --accent-secondary:  var(--boon-teal);
  --accent-highlight:  var(--boon-bronze);
  --accent-deep:       var(--boon-mahogany);

  --border-hairline:   var(--boon-hairline);
  --divider-accent:    var(--boon-bronze);

  --link-external:     var(--boon-mahogany);
  --focus-ring:        var(--boon-teal);
}