/* ============================================================
 * Ghost Ops Attack Dashboard — shared design tokens
 * Single source of truth for :root vars used across
 * attacks.html, stats.html, intel.html.
 *
 * Loaded via <link> BEFORE each page's inline <style>, so
 * page-specific rules can still override individual values
 * if ever needed.
 *
 * Values reconciled 2026-08-23 (drift found between pages):
 *   --accent-success:  attacks/stats had #39d353, intel had #00ff88  -> standardized on #39d353
 *   --accent-warning:  attacks/stats had #f0b429, intel had #ffaa00  -> standardized on #f0b429
 *   --text-secondary:  attacks/stats had #8b949e, intel had #a0a0b0 -> standardized on #8b949e
 *   --bg-secondary:    attacks/stats had #0d1117, intel had #12121a -> standardized on #0d1117
 *   --accent-purple / --accent-intel were already the same value (#9d4edd) under two names
 *   --accent-secondary (attacks/stats, #ff6b6b) / --accent-danger (intel, #ff5555) served the
 *     same "danger/high" role under two names -> standardized on --accent-danger: #ff5555
 *
 * Aliases for the renamed tokens are kept in each page's own
 * inline <style> block so existing var(--accent-secondary) /
 * var(--accent-intel) references keep working unchanged.
 * ============================================================ */

:root {
    --bg-primary: #0a0a0f;
    --bg-secondary: #0d1117;
    --accent-primary: #00d4ff;
    --accent-danger: #ff5555;
    --accent-warning: #f0b429;
    --accent-success: #39d353;
    --accent-purple: #9d4edd;
    --text-primary: #e6edf3;
    --text-secondary: #8b949e;
    --border-color: #30363d;
}

/* ── Connection-lost banner (shared across all pages) ── */
#connection-error-banner {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    padding: 10px 16px;
    background: rgba(255, 85, 85, 0.95);
    color: #0a0a0f;
    font-family: 'JetBrains Mono', monospace;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 1px;
    box-shadow: 0 2px 12px rgba(255, 85, 85, 0.5);
}

#connection-error-banner.visible {
    display: block;
}