:root {
    --indigo: #4f46e5;
    --indigo-dark: #3730a3;
    --indigo-light: #818cf8;
    --accent: #6366f1;
    --dark: #0f172a;
    --dark-2: #1e293b;
    --gray: #64748b;
    --gray-light: #e2e8f0;
    --bg: #f8fafc;
    --white: #ffffff;
    --green: #10b981;
    --yellow: #f59e0b;
    --red: #ef4444;
    --radius: 14px;
    --shadow: 0 4px 24px rgba(15, 23, 42, 0.08);
    --shadow-lg: 0 12px 40px rgba(15, 23, 42, 0.12);

    /* Breakpoints */
    --bp-mobile: 640px;
    --bp-tablet: 900px;
    --bp-desktop: 1180px;
}