:root {
    --c-primary:       #6366f1;
    --c-primary-l:     #818cf8;
    --c-primary-muted: rgba(99,102,241,0.15);
    --c-accent:        #10b981;
    --c-accent-l:      rgba(16,185,129,0.15);
    --c-danger:        #ef4444;
    --c-danger-l:      rgba(239,68,68,0.12);
    --c-warning:       #f59e0b;
    --c-warning-l:     rgba(245,158,11,0.12);
    --c-success:       #10b981;
    --c-success-l:     rgba(16,185,129,0.12);

    /* Dark theme (default) */
    --c-text:          #f1f5f9;
    --c-text-m:        #94a3b8;
    --c-text-f:        #64748b;
    --c-border:        #2d3f55;
    --c-bg:            #0f172a;
    --c-bg-s:          #1a2a3d;
    --c-bg-card:       #1e293b;
    --c-sidebar:       #0f172a;
    --c-sidebar-border:#2d3f55;
    --c-header:        rgba(15,23,42,0.95);

    --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
    --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px;
    --radius-sm: 6px; --radius-md: 10px; --radius-lg: 14px; --radius-xl: 20px;
    --shadow-sm: 0 1px 3px rgba(0,0,0,.3);
    --shadow-md: 0 4px 16px rgba(0,0,0,.4);
    --shadow-lg: 0 8px 32px rgba(0,0,0,.5);
    --sidebar-w: 240px; --header-h: 60px; --transition: 200ms cubic-bezier(.4,0,.2,1);
    --font: 'Inter', system-ui, -apple-system, sans-serif;

    /* ── Aliases (backwards-compat) ────────────────────────────────────── */
    --c-text-muted:   var(--c-text-f);
    --c-bg-subtle:    var(--c-bg-s);
    --c-success-bg:   var(--c-success-l);
    --c-success-text: var(--c-success);
    --c-text-default: var(--c-text);
    --text-sm:        0.875rem;
}

/* ─── Light Theme ─────────────────────────────────────────────────────── */
[data-theme="light"] {
    --c-text:          #0f172a;
    --c-text-m:        #475569;
    --c-text-f:        #94a3b8;
    --c-border:        #e2e8f0;
    --c-bg:            #f8fafc;
    --c-bg-s:          #f1f5f9;
    --c-bg-card:       #ffffff;
    --c-sidebar:       #ffffff;
    --c-sidebar-border:#e2e8f0;
    --c-header:        rgba(248,250,252,0.95);
    --shadow-sm: 0 1px 3px rgba(0,0,0,.06);
    --shadow-md: 0 4px 16px rgba(0,0,0,.08);
    --shadow-lg: 0 8px 32px rgba(0,0,0,.12);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; }

body {
    font-family: var(--font);
    background: var(--c-bg);
    color: var(--c-text);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 15px;
    transition: background var(--transition), color var(--transition);
}

a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; color: inherit; border: none; background: none; outline: none; }
ul { list-style: none; }
img { max-width: 100%; }