/* ========== CSS Custom Properties ========== */
:root {
    --bg-primary: #0d0d12;
    --bg-secondary: #15151e;
    --bg-tertiary: #1c1c28;
    --bg-hover: #252535;
    --bg-active: #2e2e42;
    --border: #2a2a3d;
    --border-focus: #6366f1;
    --text-primary: #e8e8ed;
    --text-secondary: #9898ac;
    --text-muted: #5e5e72;
    --accent: #6366f1;
    --accent-hover: #818cf8;
    --accent-dim: rgba(99, 102, 241, 0.15);
    --danger: #ef4444;
    --success: #22c55e;
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --shadow: 0 4px 24px rgba(0,0,0,0.3);
    --transition: 150ms ease;
}