:root {
  --bg: #0d0b07; --panel: #191510; --text: #fffaf3; --muted: #cdc1b0;
  --line: #473925; --gold: #f19b21; --gold-soft: #f6be6d;
  --gold-light: #ffcb81; --gold-deep: #ce8114; --gold-border: #f6ba65;
  --gold-gradient: linear-gradient(145deg, #ffb243, #f19b21 55%, #d28415);
  --gold-hover-gradient: linear-gradient(145deg, #ffc26a, #f9aa3a 55%, #e39525);
}
.brand-logo { object-fit: contain; }
.brand-logo-frame { aspect-ratio: 5; }
.sidebar { background: #16120c; border-right-color: #3e3220; }
.topbar { background: #100d09; }
.notice { background: #201910; }
.live-panel-console, .prediction-card { background: linear-gradient(140deg, #2e2314, #18130d); }
.account-register, .live-prediction-button, .prediction-card summary,
.prediction-login-button, .button-primary, .segmented .selected,
.comparison-chart-controls button[aria-pressed="true"] { color: #fff; }
.live-prediction-button { box-shadow: inset 0 1px #ffe1b760, 0 0 24px #f19b214d; }
.live-prediction-button:hover { box-shadow: 0 0 30px #f19b2170; }
.eyebrow, .prediction-card h3, .section-heading h2, .notice strong,
.prediction-card .card-actions a, .account-login { color: #ffd395; }
.nav-link.active { color: #ffe4bd; background: #f19b212b; border-color: #ffba57; }
.nav-count { background: #f19b2138; color: #ffe7c4; }

.hero-visual-title strong, .hero-visual-title .eyebrow { color: #ffcb81; }
.hero-visual-caption { color: #cebba0; }
.dashboard-hero-visual { background:linear-gradient(155deg,#312007,#201506 55%,#543509) padding-box,linear-gradient(135deg,#ffd599,#a56811 45%,#ffb244) border-box; }
.dashboard-hero-visual::before { z-index:0; pointer-events:none; background:radial-gradient(ellipse at 50% -5%,#f0961680,transparent 48%),radial-gradient(ellipse at 50% 108%,#df8b1485,transparent 52%),radial-gradient(ellipse at 0% 65%,#e587002b,transparent 48%),linear-gradient(#ffb7500c 1px,transparent 1px) 0 0/32px 32px,linear-gradient(90deg,#ffb7500c 1px,transparent 1px) 0 0/32px 32px; }
.hero-engine-integrated { position:relative; margin:16px -22px 0; overflow:hidden; z-index:1; pointer-events:none; }
.candy-ai-artwork { display:block; width:100%; height:auto; mask-image:linear-gradient(to bottom,transparent 0%,#000 12%,#000 78%,transparent 100%); }
.hero-visual-topline, .hero-visual-title, .hero-visual-features, .hero-visual-caption { position:relative; z-index:2; }
.hero-engine-integrated + .hero-visual-title { margin-top:-3px; }
.hero-visual-topline { color:#ffe4bd; }
.hero-visual-topline > span:first-child { background:#241808b3; }
.hero-visual-title strong { color:#ffdeae; text-shadow:0 3px #624419,0 0 25px #181107; }
.hero-visual-features > a { background:#211709bf; }
.hero-visual-caption { color:#eddabe; }
@media(max-width:680px) { .hero-engine-integrated { margin-top:12px; } }
:root { --gold:#a56811; --gold-soft:#ffc777; --gold-light:#ffd599; --gold-deep:#764c10; --gold-border:#eab466; --gold-gradient:linear-gradient(145deg,#e1a042,#a56811 55%,#764c10); --gold-hover-gradient:linear-gradient(145deg,#f0b25a,#c38021 55%,#905e17); }
.hero-visual-title .eyebrow { letter-spacing:.3em; }
.hero-visual-features svg { color:#ffcc83; }

:root { --gold:#ff9600; --gold-soft:#ffb956; --gold-light:#ffd18d; --gold-deep:#b65d00; --gold-border:#f6b454; --gold-gradient:linear-gradient(145deg,#ffc666,#ff9600 55%,#df7900); --gold-hover-gradient:linear-gradient(145deg,#ffd58a,#ffaa2e 55%,#f18b09); }
.account-register, .live-prediction-button, .prediction-login-button, .button-primary, .segmented .selected, .comparison-chart-controls button[aria-pressed="true"] { color:#241200; }
.hero-visual-title .eyebrow { letter-spacing:.24em; }
.brand-logo-frame { aspect-ratio:4; }