/* ============================================================
   BrockDev — Color tokens
   A dual-brand umbrella system:
   • BrockDev (the dev/professional brand) — DEEP BLUE accent.
     Two surface modes: LIGHT (portfolio / marketing) and
     DARK (billing portal).
   • PitBox / PitBot (the racing product) — GOLD accent on
     near-black. Gold is reserved for the product; never mix it
     into BrockDev-blue chrome.
   ============================================================ */
:root {
  /* ───────── BrockDev brand blue (the one accent) ───────── */
  --bd-blue:        #2E7BB8;   /* primary brand / CTA / links */
  --bd-blue-bright: #4090cc;   /* hover lift */
  --bd-deep:        #1F4E79;   /* pressed / deep brand / gradients */
  --bd-deep-ink:    #173d5f;   /* darkest press on blue buttons */
  --bd-blue-soft:   #edf3f9;   /* tinted fill (light theme) */
  --bd-blue-wash:   rgba(46,123,184,.15); /* tinted fill (dark theme) */
  --bd-on-blue:     #ffffff;   /* text/icon ON blue */

  /* ───────── BrockDev LIGHT surfaces (portfolio) ───────── */
  --paper:        #fafaf9;   /* page background */
  --paper-alt:    #f2f3f5;   /* alternating band / chips */
  --card-light:   #ffffff;   /* card surface */
  --ink:          #15171c;   /* primary text */
  --ink-soft:     #495060;   /* secondary text */
  --ink-faint:    #8b93a3;   /* muted meta */
  --line-light:   #e6e7ea;   /* card / divider border */
  --line-light-soft: #eef0f2;/* faint divider */

  /* ───────── BrockDev DARK surfaces (billing) ───────── */
  --bd-ink-bg:    #15171c;   /* billing page background */
  --bd-panel:     #1a1c22;   /* card / panel surface */
  --bd-panel-2:   #22252e;   /* inset well / input */
  --bd-line:      #262932;   /* card / divider border */
  --bd-text:      #eceeef;   /* primary text (dark) */
  --bd-muted:     #9aa0ad;   /* muted text (dark) */

  /* ───────── PitBox / PitBot GOLD (product accent) ───────── */
  --gold:         #E8B800;   /* product CTA / active / emphasis */
  --gold-bright:  #f6d34d;   /* hover lift on gold */
  --gold-dim:     #b38e00;   /* pressed / darker gold */
  --gold-ink:     #0b0b0c;   /* text/icon sitting ON gold */
  --glow-gold:    rgba(232,184,0,.22); /* warm hero glow */

  /* ───────── PitBox near-black surface ramp ───────── */
  --pb-bg:        #0b0b0c;   /* product page background */
  --pb-bg-2:      #111113;   /* alternating band */
  --pb-surface:   #161618;   /* card / panel */
  --pb-surface-2: #1f1f1f;   /* inputs / inset wells */
  --pb-line:      #2a2a2e;   /* card border */
  --pb-line-soft: #232327;   /* faint divider */
  --pb-text:      #ececee;   /* primary text */
  --pb-muted:     #9a9aa2;   /* muted text */
  --pb-faint:     #6a6a72;   /* faint meta */
  --surface-raise: rgba(255,255,255,.04); /* hover wash */

  /* ───────── Discord surface (Discord-embed mocks) ───────── */
  --dc-chat:      #313338;   /* Discord message canvas */
  --dc-chrome:    #2b2d31;   /* Discord embed / header */
  --dc-name:      #f2f3f5;   /* Discord username */
  --dc-body:      #dbdee1;   /* Discord message body */
  --dc-meta:      #949ba4;   /* Discord timestamps */
  --dc-link:      #00a8fc;   /* Discord blue link */

  /* ───────── Functional / status ───────── */
  --discord:      #5865F2;   /* Discord brand (auth / invite) */
  --discord-dark: #4752C4;
  --google-face:  #ffffff;   /* Google button face */
  --google-line:  #dadce0;
  --google-ink:   #3c4043;
  --green:        #34d399;   /* success / active / LIVE */
  --green-deep:   #1f8a4c;   /* check marks on light */
  --green-bg:     rgba(52,193,119,.15);
  --red:          #ef4444;   /* danger / suspended */
  --red-soft:     #e5645b;   /* softer danger (billing pills) */
  --planned:      #a78bfa;   /* PLANNED / coming-soon violet */
  --planned-bg:   rgba(167,139,250,.10);
  --warn:         #E8B800;   /* IN PROGRESS (gold-toned) */

  /* ───────── Per-series accent rails ───────── */
  --series-red:    #ef4444;
  --series-blue:   #3b82f6;
  --series-violet: #a855f7;

  /* ───────── Podium / medals ───────── */
  --podium-gold:   #FFD700;
  --podium-silver: #C0C0C0;
  --podium-bronze: #CD7F32;

  /* ============ Semantic aliases (default = BrockDev light) ============ */
  --color-bg:        var(--paper);
  --color-bg-alt:    var(--paper-alt);
  --surface-card:    var(--card-light);
  --surface-input:   var(--card-light);
  --border-card:     var(--line-light);
  --border-divider:  var(--line-light-soft);
  --text-body:       var(--ink);
  --text-secondary:  var(--ink-soft);
  --text-muted:      var(--ink-faint);
  --accent:          var(--bd-blue);
  --accent-deep:     var(--bd-deep);
  --accent-on:       var(--bd-on-blue);
  --accent-soft:     var(--bd-blue-soft);
  --link:            var(--bd-blue);
  --focus-ring:      rgba(46,123,184,.22);
}

/* ── Dark BrockDev scope (billing portal) ── */
[data-brand="brockdev-dark"] {
  --color-bg:       var(--bd-ink-bg);
  --color-bg-alt:   var(--bd-panel);
  --surface-card:   var(--bd-panel);
  --surface-input:  var(--bd-panel-2);
  --border-card:    var(--bd-line);
  --border-divider: var(--bd-line);
  --text-body:      var(--bd-text);
  --text-secondary: var(--bd-muted);
  --text-muted:     var(--bd-muted);
  --accent-soft:    var(--bd-blue-wash);
}

/* ── PitBox / PitBot scope (gold on near-black) ── */
[data-brand="pitbot"] {
  --color-bg:       var(--pb-bg);
  --color-bg-alt:   var(--pb-bg-2);
  --surface-card:   var(--pb-surface);
  --surface-input:  var(--pb-surface-2);
  --border-card:    var(--pb-line);
  --border-divider: var(--pb-line-soft);
  --text-body:      var(--pb-text);
  --text-secondary: var(--pb-muted);
  --text-muted:     var(--pb-faint);
  --accent:         var(--gold);
  --accent-deep:    var(--gold-dim);
  --accent-on:      var(--gold-ink);
  --accent-soft:    rgba(232,184,0,.10);
  --link:           var(--gold);
  --focus-ring:     rgba(232,184,0,.22);
}