/* ScoutEngine Theme System
   CSS Custom Properties for dark/light theming.
   Dark is default. Light via [data-theme="light"] on <html>.
   Print always forces light.
*/

/* ========== THEME TOGGLE SCRIPT (inline in pages) ==========
   <script>
   (function(){
     var t = localStorage.getItem('se-theme') || 'dark';
     document.documentElement.setAttribute('data-theme', t);
   })();
   function seToggleTheme() {
     var c = document.documentElement.getAttribute('data-theme');
     var n = c === 'dark' ? 'light' : 'dark';
     document.documentElement.setAttribute('data-theme', n);
     localStorage.setItem('se-theme', n);
     var icon = document.querySelector('.se-theme-icon');
     if (icon) icon.textContent = n === 'dark' ? '\u263E' : '\u2600';
   }
   ========================================================== */

/* ---------- DARK THEME (default) ---------- */
:root {
    --se-bg: #0E1117;
    --se-bg-surface: #161B22;
    --se-bg-surface-hover: #1C2129;
    --se-bg-inset: #0D1117;
    --se-border: #21262D;
    --se-border-emphasis: #363B42;

    --se-text: #E6EDF3;
    --se-text-secondary: #8B949E;
    --se-text-tertiary: #C9D1D9;
    --se-text-link: #58A6FF;
    --se-text-inverse: #0E1117;

    --se-gold: #C4A44A;
    --se-gold-dim: rgba(196,164,74,0.3);
    --se-gold-glow: rgba(196,164,74,0.1);
    --se-purple: #4B2882;
    --se-purple-light: #6B3FA0;

    --se-green: #3FB950;
    --se-green-bg: rgba(63,185,80,0.12);
    --se-red: #F85149;
    --se-red-bg: rgba(248,81,73,0.12);
    --se-orange: #D29922;
    --se-orange-bg: rgba(210,153,34,0.12);
    --se-blue: #58A6FF;
    --se-blue-bg: rgba(88,166,255,0.12);

    /* Table */
    --se-th-bg: rgba(22,27,34,0.8);
    --se-row-even: rgba(22,27,34,0.6);
    --se-row-hover: rgba(255,255,255,0.06);
    --se-row-border: rgba(48,54,61,0.8);

    /* Spray chart colors (from player-dark) */
    --hit-single: #3FB950;
    --hit-xbh: #58A6FF;
    --hit-hr: #F85149;
    --out-line: rgba(139,148,158,0.35);
    --out-fly: rgba(139,148,158,0.2);
    --out-ground: rgba(139,148,158,0.15);

    /* Typography */
    --se-font-display: 'Bebas Neue', sans-serif;
    --se-font-body: 'Barlow', sans-serif;
    --se-font-label: 'Barlow Condensed', sans-serif;
    --se-font-data: 'JetBrains Mono', 'SF Mono', 'Fira Mono', monospace;
    --se-font-size: 15px;

    /* Accent (used for brand/team identity) */
    --se-accent: var(--se-gold);
    --se-accent-bg: var(--se-gold-dim);
}

/* ---------- LIGHT THEME ---------- */
[data-theme="light"] {
    --se-bg: #F6F8FA;
    --se-bg-surface: #FFFFFF;
    --se-bg-surface-hover: #F3F4F6;
    --se-bg-inset: #EFF1F3;
    --se-border: #D0D7DE;
    --se-border-emphasis: #AFB8C1;

    --se-text: #1F2328;
    --se-text-secondary: #656D76;
    --se-text-tertiary: #424A53;
    --se-text-link: #0969DA;
    --se-text-inverse: #FFFFFF;

    --se-gold: #8B6914;
    --se-gold-dim: rgba(139,105,20,0.2);
    --se-gold-glow: rgba(139,105,20,0.08);
    --se-purple: #5B2D8E;
    --se-purple-light: #7C4DBA;

    --se-green: #1A7F37;
    --se-green-bg: rgba(26,127,55,0.08);
    --se-red: #CF222E;
    --se-red-bg: rgba(207,34,46,0.08);
    --se-orange: #9A6700;
    --se-orange-bg: rgba(154,103,0,0.08);
    --se-blue: #0969DA;
    --se-blue-bg: rgba(9,105,218,0.08);

    /* Table */
    --se-th-bg: #E8ECF0;
    --se-row-even: #EDF0F4;
    --se-row-hover: rgba(0,0,0,0.05);
    --se-row-border: #D0D7DE;

    /* Spray chart colors (lighter variants) */
    --hit-single: #1A7F37;
    --hit-xbh: #0969DA;
    --hit-hr: #CF222E;
    --out-line: rgba(101,109,118,0.45);
    --out-fly: rgba(101,109,118,0.3);
    --out-ground: rgba(101,109,118,0.2);
}

/* ---------- PRINT: always light ---------- */
@media print {
    :root {
        --se-bg: #FFFFFF;
        --se-bg-surface: #FFFFFF;
        --se-bg-surface-hover: #FFFFFF;
        --se-bg-inset: #F5F5F5;
        --se-border: #DDDDDD;
        --se-border-emphasis: #BBBBBB;

        --se-text: #1a1a1a;
        --se-text-secondary: #666666;
        --se-text-tertiary: #444444;
        --se-text-link: #1a1a1a;
        --se-text-inverse: #FFFFFF;

        --se-gold: #333333;
        --se-purple: #333333;

        --se-green: #27ae60;
        --se-red: #c0392b;
        --se-orange: #e67e22;
        --se-blue: #2980b9;

        --se-th-bg: #F0F0F0;
        --se-row-even: #F0F0F0;
        --se-row-hover: transparent;
        --se-row-border: #DDDDDD;
    }
}
