:root {
    --sc-bg-deep: #0a0808;
    --sc-bg-panel: rgba(14, 12, 12, 0.85);
    --sc-bg-panel-solid: #0e0c0c;
    --sc-surface: rgba(40, 38, 38, 0.35);
    --sc-surface-hover: rgba(60, 58, 58, 0.45);
    --sc-blue: #ea580c;
    --sc-blue-bright: #ff720f;
    --sc-blue-glow: #bf4809;
    --sc-blue-dim: #b48a74;
    --sc-cyan: #fbbf24;
    --sc-border: rgba(234, 88, 12, 0.2);
    --sc-border-bright: rgba(234, 88, 12, 0.5);
    --sc-border-hover: rgba(251, 191, 36, 0.4);
    --sc-text: #bfb8be;
    --sc-text-bright: #ddd6d7;
    --sc-text-muted: #daa98f;
    --sc-text-dim: #b18772;
    --glow-blue: 0 0 8px rgba(191, 72, 9, 0.4), 0 0 20px rgba(191, 72, 9, 0.15);
    --glow-cyan: 0 0 8px rgba(251, 191, 36, 0.5), 0 0 25px rgba(251, 191, 36, 0.15);
}
.bg-overlay {
    background:
        radial-gradient(ellipse at 20% 50%, rgba(191, 72, 9, 0.08) 0%, transparent 60%),
        radial-gradient(ellipse at 80% 30%, rgba(251, 191, 36, 0.06) 0%, transparent 50%),
        radial-gradient(ellipse at 50% 100%, rgba(0, 0, 0, 0.4) 0%, transparent 50%),
        linear-gradient(180deg, rgba(10, 8, 8, 0.45) 0%, rgba(14, 12, 12, 0.6) 100%);
}
.scanlines { background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(191, 72, 9, 0.015) 2px, rgba(191, 72, 9, 0.015) 4px); }
.grid-overlay { background-image: linear-gradient(rgba(251, 191, 36, 0.2) 1px, transparent 1px), linear-gradient(90deg, rgba(191, 72, 9, 0.2) 1px, transparent 1px); }
.brand-logo { filter: drop-shadow(0 0 4px rgba(251, 191, 36, 0.5)) drop-shadow(0 0 10px rgba(191, 72, 9, 0.3)); }
@keyframes logo-pulse {
    0%, 100% { filter: drop-shadow(0 0 4px rgba(251, 191, 36, 0.5)) drop-shadow(0 0 10px rgba(191, 72, 9, 0.3)); }
    50% { filter: drop-shadow(0 0 8px rgba(251, 191, 36, 0.8)) drop-shadow(0 0 20px rgba(191, 72, 9, 0.5)) drop-shadow(0 0 35px rgba(251, 191, 36, 0.2)); }
}
.brand-glow { background: radial-gradient(circle, rgba(251, 191, 36, 0.25) 0%, rgba(191, 72, 9, 0.1) 40%, transparent 70%); }
.nav-link:hover, .nav-link.active { color: var(--sc-cyan); background: rgba(251, 191, 36, 0.06); text-shadow: 0 0 8px rgba(251, 191, 36, 0.4); }
.dropdown-menu li a:hover { color: var(--sc-cyan); border-left-color: var(--sc-cyan); background: rgba(251, 191, 36, 0.05); text-shadow: 0 0 6px rgba(251, 191, 36, 0.3); }
.hero-title { text-shadow: 0 0 20px rgba(191, 72, 9, 0.3), 0 0 60px rgba(251, 191, 36, 0.1); }
.hero-subtitle { text-shadow: 0 0 10px rgba(191, 72, 9, 0.15); }
.hero-cta { background: linear-gradient(135deg, rgba(234, 88, 12, 0.2) 0%, rgba(251, 191, 36, 0.1) 100%); }
.hero-cta::before { background: linear-gradient(135deg, rgba(251, 191, 36, 0.15) 0%, rgba(234, 88, 12, 0.25) 100%); }
.hero-cta:hover { text-shadow: 0 0 10px rgba(251, 191, 36, 0.5); }
.hero-subtitle a:hover, .section-title a:hover, .prose a:hover:not(.tool-card):not(.nav-link):not(.hero-cta) { text-shadow: 0 0 8px rgba(251, 191, 36, 0.6); }
.stat-number { text-shadow: 0 0 12px rgba(251, 191, 36, 0.4); }
.stat-bar-track { background: rgba(234, 88, 12, 0.1); }
.page-title { text-shadow: 0 0 20px rgba(191, 72, 9, 0.3), 0 0 60px rgba(251, 191, 36, 0.1); }
.bc-link:hover { text-shadow: 0 0 6px rgba(251, 191, 36, 0.3); }
.bc-current { text-shadow: 0 0 8px rgba(251, 191, 36, 0.3); }
.sidebar-tool-link:hover { text-shadow: 0 0 6px rgba(251, 191, 36, 0.3); }
.sidebar-tool-link:hover .stl-icon { filter: drop-shadow(0 0 4px rgba(251, 191, 36, 0.5)); }
.sidebar-tool-link.stl-active { background: linear-gradient(135deg, rgba(251, 191, 36, 0.08) 0%, rgba(234, 88, 12, 0.04) 100%); text-shadow: 0 0 6px rgba(251, 191, 36, 0.3); }
.year-chip:hover, .year-chip2:hover { text-shadow: 0 0 6px rgba(251, 191, 36, 0.3); }
.form-input:focus { box-shadow: 0 0 12px rgba(251, 191, 36, 0.15), inset 0 0 12px rgba(191, 72, 9, 0.05); background: rgba(10, 8, 8, 0.6); }
.wiki-data-table thead tr { background: linear-gradient(180deg, rgba(191, 72, 9, 0.15), rgba(251, 191, 36, 0.05)); }
.wiki-data-table td a:hover { text-shadow: 0 0 6px rgba(251, 191, 36, 0.4); }
.tool-glow { background: radial-gradient(circle, rgba(251, 191, 36, 0.1) 0%, transparent 70%); }
.tool-card:hover .tool-hex { filter: drop-shadow(0 0 6px rgba(251, 191, 36, 0.5)); }
.tool-card:hover .tool-name { text-shadow: 0 0 8px rgba(251, 191, 36, 0.3); }
.back-home-btn { background: linear-gradient(135deg, rgba(191, 72, 9, 0.15) 0%, rgba(251, 191, 36, 0.08) 100%); }
.back-home-btn:hover { text-shadow: 0 0 10px rgba(251, 191, 36, 0.5); }
.pub-item a:hover { text-shadow: 0 0 6px rgba(251, 191, 36, 0.3); }
@media (max-width: 768px) { .nav-menu { background: rgba(14, 12, 12, 0.98); } }
