/* ═══════════════════════════════════════════
   variables.css — Design tokens & theme switching
   ═══════════════════════════════════════════ */

:root {
    /* ── Primary palette ── */
    --primary:       #6366f1;
    --primary-light: #818cf8;
    --primary-dark:  #4f46e5;

    /* ── Accent palette ── */
    --accent:       #10b981;
    --accent-light: #34d399;
    --accent-dark:  #059669;

    /* ── Dark theme (default) ── */
    --bg:           #111827;
    --bg-elevated: #1f2937;
    --card-bg:     #1e293b;
    --text:        #f9fafb;
    --text-muted:  #d1d5db;
    --text-strong: #ffffff;
    --border:      #374151;

    /* ── Shadows ── */
    --shadow:      0 10px 15px -3px rgba(0,0,0,.15),
                   0  4px  6px -2px rgba(0,0,0,.08);
    --shadow-lg:   0 20px 30px -10px rgba(0,0,0,.3);

    /* ── Timing ── */
    --ease:        0.3s ease;
}

/* ── Light theme override ── */
[data-theme="light"] {
    --primary:       #4f46e5;
    --primary-light: #6366f1;
    --primary-dark:  #4338ca;

    --bg:           #f9fafb;
    --bg-elevated: #f3f4f6;
    --card-bg:     #ffffff;
    --text:        #1f2937;
    --text-muted:  #4b5563;
    --text-strong: #111827;
    --border:      #e5e7eb;
}