/* ========================================
   CSS CUSTOM PROPERTIES & THEMING
   ======================================== */
:root {
    /* Dark Mode (Default) */
    --bg: #0a0a0a;
    --bg-light: #111111;
    --bg-lighter: #1a1a1a;
    --accent: #22c55e;
    --accent-rgb: 34, 197, 94;
    --accent-dim: rgba(34, 197, 94, 0.15);
    --accent-glow: rgba(34, 197, 94, 0.4);
    --text: #ffffff;
    --text-dim: rgba(255, 255, 255, 0.5);
    --text-dimmer: rgba(255, 255, 255, 0.3);
    --border: rgba(255, 255, 255, 0.1);
    --scanline: rgba(0, 0, 0, 0.15);
    --card-hover: #1a1a1a;
}

[data-theme="light"] {
    --bg: #fafafa;
    --bg-light: #ffffff;
    --bg-lighter: #f0f0f0;
    --accent: #ea580c;
    --accent-rgb: 234, 88, 12;
    --accent-dim: rgba(234, 88, 12, 0.1);
    --accent-glow: rgba(234, 88, 12, 0.3);
    --text: #0a0a0a;
    --text-dim: rgba(10, 10, 10, 0.6);
    --text-dimmer: rgba(10, 10, 10, 0.4);
    --border: rgba(10, 10, 10, 0.1);
    --scanline: rgba(0, 0, 0, 0.03);
    --card-hover: #f5f5f5;
}