/* Shared theme tokens — landing, student auth, student panel */
:root,
[data-theme="dark"] {
    --bg: #04060d;
    --card: rgba(15, 23, 42, 0.78);
    --border: rgba(99, 102, 241, 0.25);
    --text: #f1f5f9;
    --muted: #94a3b8;
    --accent: #818cf8;
    --accent2: #22d3ee;
    --accent3: #c084fc;
    --glow: rgba(129, 140, 248, 0.4);
    --nav-bg: rgba(4, 6, 13, 0.82);
    --surface: rgba(15, 23, 42, 0.85);
    --surface-2: rgba(10, 15, 30, 0.95);
    --input-bg: rgba(4, 6, 13, 0.6);
    --divider: rgba(255, 255, 255, 0.06);
    --theme-toggle-border: rgba(129, 140, 248, 0.25);
    --theme-toggle-bg: rgba(99, 102, 241, 0.12);
    --theme-toggle-bg-hover: rgba(99, 102, 241, 0.2);
    --theme-toggle-color: #f1f5f9;
}

[data-theme="light"] {
    --bg: #f1f5f9;
    --card: rgba(255, 255, 255, 0.92);
    --border: rgba(99, 102, 241, 0.22);
    --text: #0f172a;
    --muted: #475569;
    --accent: #4f46e5;
    --accent2: #0891b2;
    --accent3: #7c3aed;
    --glow: rgba(79, 70, 229, 0.22);
    --nav-bg: rgba(255, 255, 255, 0.9);
    --surface: rgba(255, 255, 255, 0.96);
    --surface-2: rgba(255, 255, 255, 0.98);
    --input-bg: rgba(255, 255, 255, 0.95);
    --divider: rgba(15, 23, 42, 0.08);
    --theme-toggle-border: rgba(99, 102, 241, 0.25);
    --theme-toggle-bg: rgba(99, 102, 241, 0.08);
    --theme-toggle-bg-hover: rgba(99, 102, 241, 0.14);
    --theme-toggle-color: #334155;
}