/* ═══════════════════════════════════════════
   THEME SYSTEM — LogFlow Light/Dark Toggle
   Include AFTER existing CSS (admin.css or public_header inline)
═══════════════════════════════════════════ */

/* Default: Dark theme (matches existing design) */
:root, [data-theme="dark"] {
    --bg: #060B18;
    --bg2: #0A1228;
    --surface: #0D1729;
    --surface2: #132035;
    --card: rgba(15, 23, 42, 0.95);
    --border: rgba(255,255,255,.06);
    --border2: rgba(255,255,255,.1);
    --text: #E8ECF4;
    --text2: #B0BAC9;
    --muted: #5E6B82;
    --th-muted: #64748B;
    --input-bg: rgba(0,0,0,.3);
    --shadow: rgba(0,0,0,.3);
    --overlay: rgba(0,0,0,.8);
}

/* Light theme */
[data-theme="light"] {
    --bg: #F1F5F9;
    --bg2: #E2E8F0;
    --surface: #FFFFFF;
    --surface2: #F8FAFC;
    --card: rgba(255, 255, 255, 0.98);
    --border: rgba(0,0,0,.08);
    --border2: rgba(0,0,0,.12);
    --text: #1E293B;
    --text2: #475569;
    --muted: #94A3B8;
    --th-muted: #64748B;
    --input-bg: rgba(0,0,0,.04);
    --shadow: rgba(0,0,0,.08);
    --overlay: rgba(0,0,0,.5);
}

/* ─── Light overrides for specific elements ─── */
[data-theme="light"] body {
    background: var(--bg);
    color: var(--text);
}
[data-theme="light"] .sidebar {
    background: #FFFFFF;
    border-right-color: var(--border);
}
[data-theme="light"] .sb-logo {
    border-bottom-color: var(--border);
}
[data-theme="light"] .topbar {
    background: rgba(255,255,255,.95);
    border-bottom-color: var(--border);
}
[data-theme="light"] .sb-item {
    color: var(--text2);
}
[data-theme="light"] .sb-item:hover {
    background: rgba(37,99,235,.06);
}
[data-theme="light"] .sb-item.active {
    background: rgba(37,99,235,.1);
    color: #2563EB;
}
[data-theme="light"] input,
[data-theme="light"] select,
[data-theme="light"] textarea {
    background: var(--input-bg);
    color: var(--text);
    border-color: var(--border2);
}
[data-theme="light"] .pub-topbar {
    background: rgba(255,255,255,.97);
}
[data-theme="light"] .pub-nav {
    background: rgba(255,255,255,.97);
    border-top-color: var(--border);
}
[data-theme="light"] a {
    color: inherit;
}

/* Light: card/surface overrides */
[data-theme="light"] .card,
[data-theme="light"] .camp-card,
[data-theme="light"] .live-card,
[data-theme="light"] .agenda-item,
[data-theme="light"] .enc-mini,
[data-theme="light"] .act-card,
[data-theme="light"] .admin-stat,
[data-theme="light"] .next-row {
    background: var(--surface);
    border-color: var(--border);
    box-shadow: 0 1px 3px var(--shadow);
}
[data-theme="light"] .card:hover,
[data-theme="light"] .camp-card:hover,
[data-theme="light"] .enc-mini:hover,
[data-theme="light"] .act-card:hover,
[data-theme="light"] .admin-stat:hover {
    border-color: var(--border2);
    box-shadow: 0 4px 12px var(--shadow);
}

/* Light: live card glow */
[data-theme="light"] .live-card {
    background: rgba(239,68,68,.04);
    border-color: rgba(239,68,68,.15);
}
[data-theme="light"] .live-card:hover {
    border-color: rgba(239,68,68,.3);
}
[data-theme="light"] .live-card-score {
    color: var(--text);
}

/* Light: admin live row */
[data-theme="light"] .admin-live-row {
    background: rgba(239,68,68,.04);
    border-color: rgba(239,68,68,.12);
}

/* Light: section labels */
[data-theme="light"] .section-label::after {
    background: var(--border);
}

/* Light: table */
[data-theme="light"] .tbl thead {
    background: rgba(37,99,235,.03);
}
[data-theme="light"] .tbl tbody tr:hover {
    background: rgba(0,0,0,.02);
}

/* Light: picker */
[data-theme="light"] .picker-overlay {
    background: rgba(0,0,0,.4);
}
[data-theme="light"] .picker-box {
    background: #fff;
    border-color: var(--border2);
    box-shadow: 0 20px 60px rgba(0,0,0,.15);
}
[data-theme="light"] .picker-item {
    background: var(--surface2);
}
[data-theme="light"] .picker-item:hover {
    background: rgba(37,99,235,.05);
    border-color: rgba(37,99,235,.2);
}

/* Light: scrollbar */
[data-theme="light"] ::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.15);
}

/* Light: selection */
[data-theme="light"] ::selection {
    background: rgba(37,99,235,.2);
    color: #1E293B;
}

/* Light: sb-footer, sb-overlay */
[data-theme="light"] .sb-footer {
    border-top-color: var(--border);
}
[data-theme="light"] .sb-overlay {
    background: rgba(0,0,0,.3);
}
[data-theme="light"] .sb-logout {
    background: var(--surface2);
    border-color: var(--border);
    color: var(--text2);
}

/* Light: camp card data area */
[data-theme="light"] .camp-card-data {
    background: rgba(0,0,0,.02);
    border-top-color: var(--border);
}
[data-theme="light"] .camp-data-name {
    color: var(--text);
}

/* Light: badges keep their colors */
[data-theme="light"] .badge-muted {
    background: rgba(0,0,0,.04);
    border-color: var(--border);
}

/* Light: empty state */
[data-theme="light"] .empty {
    color: var(--muted);
}

/* ─── Hero section (index.php redesign) ─── */
[data-theme="light"] .hero-section {
    background: linear-gradient(135deg, #FFFFFF 0%, #EFF6FF 50%, #DBEAFE 100%);
}
[data-theme="light"] .hero-section::before {
    opacity: 0;
}
[data-theme="light"] .hero-org-name {
    background: linear-gradient(135deg, #1E293B, #2563EB);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
[data-theme="light"] .hero-tagline {
    color: var(--text2);
}

/* Light: quick stats */
[data-theme="light"] .qstat-card {
    background: var(--surface);
    border-color: var(--border);
    box-shadow: 0 2px 8px var(--shadow);
}

/* ─── Smooth transitions ─── */
body, .sidebar, .topbar, .pub-topbar, .pub-nav,
input, select, textarea,
.card, .camp-card, .live-card, .agenda-item,
.enc-mini, .act-card, .admin-stat, .next-row,
.picker-box, .picker-item, .badge-muted,
.sb-item, .sb-logo, .sb-footer, .sb-logout {
    transition: background-color .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease;
}