/* ============================================================
   Thermal — purple high-volatility theme overrides
   Loads after style.css to override Skyward's orange palette
   ============================================================ */

:root {
  --accent: #a855f7;
  --accent-dim: #7c3aed;
  --accent-glow: rgba(168, 85, 247, 0.35);
  --gradient-primary: linear-gradient(135deg, #a855f7 0%, #7c3aed 100%);
}

body {
  background: radial-gradient(ellipse at top center, #1a0d30 0%, #0b0e1a 60%) fixed;
}

/* Topbar brand */
.brand-text { color: #a855f7; }
.brand-mark { color: #a855f7; filter: drop-shadow(0 0 6px rgba(168,85,247,0.4)); }

/* History pills — purple instead of orange */
.h-pill.green { background: rgba(168,85,247,0.2); color: #c084fc; }
.h-pill.red   { background: rgba(239,68,68,0.15); }

/* Multiplier display */
.crash-value { color: #c084fc; text-shadow: 0 0 20px rgba(168,85,247,0.5); }

/* Flight canvas glow */
.flight-canvas { filter: drop-shadow(0 0 30px rgba(168,85,247,0.15)); }

/* Bet panels — purple accents */
.bet-panel .action-bet {
  background: linear-gradient(135deg, #a855f7 0%, #7c3aed 100%);
  box-shadow: 0 4px 16px rgba(168,85,247,0.3);
}
.bet-panel .action-bet:hover:not(:disabled) {
  box-shadow: 0 4px 24px rgba(168,85,247,0.45);
}

/* Cashout button keeps green for urgency */

/* Intro splash */
.intro-title { color: #a855f7; text-shadow: 0 2px 20px rgba(168,85,247,0.5); }
.intro-btn {
  background: linear-gradient(135deg, #a855f7 0%, #7c3aed 100%);
  box-shadow: 0 4px 20px rgba(168,85,247,0.4);
}

/* Stats panel accent */
.stat-card .stat-val { color: #c084fc; }

/* Side tabs active */
.sidetab.active { border-bottom-color: #a855f7; color: #a855f7; }

/* Status bar */
.status-text { color: #c084fc; }

/* Balance box glow */
.balance-val { color: #c084fc; }

/* Scrollbar thumb */
::-webkit-scrollbar-thumb { background: #7c3aed; }