/* ═══ EXXAMS Light/Dark Mode — Vedic Saffron System ═══ */

/* Dark Mode (default — existing) */
:root, [data-theme="dark"] {
  --eco-exxams: #F57C00;
  --eco-exxams-accent2: #FF9800;
  --eco-exxams-surface: rgba(245,124,0,0.08);
  --eco-exxams-bg: #0a0a0a;
  --eco-exxams-bg2: #141414;
  --eco-exxams-bg3: #1a1a1a;
  --eco-exxams-card: #141414;
  --eco-exxams-border: rgba(245,124,0,0.20);
  --eco-exxams-text: #e8e8e8;
  --eco-exxams-text2: #aaa;
  --eco-exxams-text3: #666;
  --eco-exxams-badge-bg: rgba(245,124,0,0.15);
  --eco-exxams-badge-text: #F57C00;
  --eco-exxams-hover: rgba(245,124,0,0.06);
  --eco-exxams-nav-bg: rgba(10,10,10,0.85);
  --eco-exxams-shadow: rgba(0,0,0,0.3);
  --eco-exxams-input-bg: #1a1a1a;
  --eco-exxams-success: #27ae60;
  --eco-exxams-danger: #e74c3c;
  --eco-exxams-glow: rgba(245,124,0,0.15);
}

/* Light Mode */
[data-theme="light"] {
  --eco-exxams: #C56200;
  --eco-exxams-accent2: #E67E22;
  --eco-exxams-surface: #FFF3E0;
  --eco-exxams-bg: #F8F7F4;
  --eco-exxams-bg2: #FFFFFF;
  --eco-exxams-bg3: #F0EDE8;
  --eco-exxams-card: #FFFFFF;
  --eco-exxams-border: rgba(197,98,0,0.15);
  --eco-exxams-text: #1A1A1A;
  --eco-exxams-text2: #555555;
  --eco-exxams-text3: #888888;
  --eco-exxams-badge-bg: #C56200;
  --eco-exxams-badge-text: #FFFFFF;
  --eco-exxams-hover: rgba(197,98,0,0.06);
  --eco-exxams-nav-bg: rgba(248,247,244,0.92);
  --eco-exxams-shadow: rgba(0,0,0,0.08);
  --eco-exxams-input-bg: #F0EDE8;
  --eco-exxams-success: #1B7A3D;
  --eco-exxams-danger: #C0392B;
  --eco-exxams-glow: rgba(197,98,0,0.08);
}

/* Auto-detect system preference */
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --eco-exxams: #C56200;
    --eco-exxams-surface: #FFF3E0;
    --eco-exxams-bg: #F8F7F4;
    --eco-exxams-bg2: #FFFFFF;
    --eco-exxams-bg3: #F0EDE8;
    --eco-exxams-card: #FFFFFF;
    --eco-exxams-border: rgba(197,98,0,0.15);
    --eco-exxams-text: #1A1A1A;
    --eco-exxams-text2: #555555;
    --eco-exxams-text3: #888888;
    --eco-exxams-nav-bg: rgba(248,247,244,0.92);
    --eco-exxams-shadow: rgba(0,0,0,0.08);
    --eco-exxams-input-bg: #F0EDE8;
  }
}

/* ═══ Apply vars to all EXXAMS elements ═══ */
body { background: var(--eco-exxams-bg); color: var(--eco-exxams-text); }
.nav { background: var(--eco-exxams-nav-bg); border-color: var(--eco-exxams-border); }
.nav-brand { color: var(--eco-exxams); }
.card, .kpi { background: var(--eco-exxams-card); border-color: var(--eco-exxams-border); }
.card:hover { box-shadow: 0 12px 40px var(--eco-exxams-glow); border-color: var(--eco-exxams); }
.kpi::before { background: var(--eco-exxams); }
.kpi-label { color: var(--eco-exxams-text3); }
.kpi-value { color: var(--eco-exxams); }
.side { background: var(--eco-exxams-bg2); border-color: var(--eco-exxams-border); }
.nav-item { color: var(--eco-exxams-text2); }
.nav-item:hover { background: var(--eco-exxams-bg3); color: var(--eco-exxams-text); }
.nav-item.active { color: var(--eco-exxams); border-left-color: var(--eco-exxams); background: var(--eco-exxams-hover); }
.btn-primary { background: var(--eco-exxams); }
.btn-primary:hover { background: var(--eco-exxams-accent2); }
.btn-outline { color: var(--eco-exxams); border-color: var(--eco-exxams); }
.badge-grn { background: rgba(39,174,96,0.15); color: var(--eco-exxams-success); }
.badge-org { background: var(--eco-exxams-badge-bg); color: var(--eco-exxams-badge-text); }
.tbl th { color: var(--eco-exxams-text3); border-color: var(--eco-exxams-border); }
.tbl td { border-color: var(--eco-exxams-border); }
.progress { background: var(--eco-exxams-bg3); }
.progress-bar { background: var(--eco-exxams); }
.loading { color: var(--eco-exxams-text3); }
input, select, textarea { background: var(--eco-exxams-input-bg); border-color: var(--eco-exxams-border); color: var(--eco-exxams-text); }
.section-title { color: var(--eco-exxams); }
.hero { background: var(--eco-exxams-bg); }
.hero-badge { background: var(--eco-exxams-surface); border-color: var(--eco-exxams-border); color: var(--eco-exxams); }
.stat-value { color: var(--eco-exxams); }
.stat-label { color: var(--eco-exxams-text3); }
.footer { border-color: var(--eco-exxams-border); color: var(--eco-exxams-text3); }
a { color: var(--eco-exxams); }
.role-card { background: var(--eco-exxams-card); border-color: var(--eco-exxams-border); }
.role-card:hover { border-color: var(--eco-exxams); }
.consent-item { border-color: var(--eco-exxams-border); }
.toggle input:checked + span { background: var(--eco-exxams-success); }
.step-current { background: var(--eco-exxams); }
.form-group label { color: var(--eco-exxams-text3); }

/* Theme toggle button */
.theme-toggle { position: fixed; bottom: 20px; right: 20px; width: 44px; height: 44px; border-radius: 50%; background: var(--eco-exxams-card); border: 1px solid var(--eco-exxams-border); cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 20px; z-index: 999; box-shadow: 0 4px 12px var(--eco-exxams-shadow); transition: all 0.3s; }
.theme-toggle:hover { transform: scale(1.1); border-color: var(--eco-exxams); }