/*  BANNER BRAND TOKENS — Koyu SCADA (eski PowerWatch panel yapısı) */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');

:root {
    /* Banner brand */
    --brand-yellow: #FFD600;
    --brand-yellow-dim: #E6C000;
    /* Koyu tema paleti — mavi yerine siyah/kömür (Banner style guide + koyu SCADA)
       Eski #0a1128, #1a2340, #2a3560 karşılığı */
    --bg-deepest: #0A0A0A; /* sayfa arka planı, en koyu */
    --bg-deep: #141414; /* kart iç zemin */
    --bg-panel: #1E1E1E; /* alt panel/footer */
    --bg-elev: #2A2A2A; /* hover/elev */
    /* Border tonları */
    --border-1: #333333; /* ana kart border */
    --border-2: #444444; /* hover border */
    /* Metin */
    --text-hi: #F5F5F5; /* eski #e0e6f0 */
    --text-mid: #A3A3A3; /* eski #94a3b8 */
    --text-lo: #6B6B6B; /* eski #64748b */
    --text-mut: #4A4A4A; /* eski #475569 */
    /* Status — eski aynı */
    --status-normal: #22C55E;
    --status-normal-2: #4ADE80;
    --status-warn: var(--brand-yellow);
    --status-alarm: #DC2626;
    --status-alarm-2: #EF4444;
    --status-idle: #64748B;
    /* Accent — eski #a78bfa (mor) yerine Banner sarısı */
    --accent-brand: var(--brand-yellow);
    /* Type */
    --font-sans: 'Montserrat', -apple-system, 'Segoe UI', sans-serif;
    --font-mono: 'Consolas', 'SF Mono', monospace;
    /* Layout */
    --sidebar-w: 220px;
    --radius: 10px;
    --radius-sm: 6px;
    --hairline: 1px solid var(--border-1);
    --focus: 0 0 0 3px rgba(255, 214, 0, 0.4);
}

html, body {
    margin: 0;
    padding: 0;
    background: var(--bg-deepest);
    color: var(--text-hi);
    font-family: var(--font-sans);
    font-size: 14px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

*:focus-visible {
    outline: none;
    box-shadow: var(--focus);
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}