/* ══════════════════════════════════════════════════════════════════════
   CELESTIAL COMMAND — Gold/Violet Brand Theme
   Overrides the default :root tokens set inline in base.html
   ══════════════════════════════════════════════════════════════════════ */
:root {
  --bg0:    #0e0b1a;
  --bg1:    #130f22;
  --bg2:    #1a1330;
  --bg3:    #221840;
  --panel:  #1a1330ee;
  --panel2: #221840f0;
  --line:   rgba(167,139,250,.14);
  --line2:  rgba(201,162,39,.20);
  --cyan:   #c9a227;
  --cyan2:  #e6b830;
  --violet: #a78bfa;
  --violet2:#8b5cf6;
  --gold:   #f5d06f;
  --emerald:#d97706;
  --red:    #fca5a5;
  --orange: #fdba74;
  --text:   #f5f0e8;
  --muted:  #9d8faa;
  --muted2: #b09ec0;
  --shadow: 0 20px 48px rgba(0,0,0,.55);
  --glow-c: 0 0 0 1px rgba(201,162,39,.14), 0 0 28px rgba(201,162,39,.12);
}

/* Override ambient glow layers to violet/gold instead of cyan */
.ambient::before {
  background:
    radial-gradient(ellipse 80% 40% at 20% 0%, rgba(167,139,250,.08), transparent),
    radial-gradient(ellipse 60% 50% at 80% 0%, rgba(139,92,246,.06),  transparent),
    radial-gradient(ellipse 50% 60% at 50% 100%, rgba(201,162,39,.05), transparent) !important;
}

/* Brand header glow — gold instead of cyan */
.brand-hex {
  background: linear-gradient(135deg, rgba(201,162,39,.22), rgba(167,139,250,.18)) !important;
  border-color: rgba(201,162,39,.30) !important;
  box-shadow: 0 0 14px rgba(201,162,39,.14) !important;
}
.brand-name {
  color: var(--cyan) !important;
  text-shadow: 0 0 16px rgba(201,162,39,.32) !important;
}