:root {
    --font-sans: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
    --color-primary: #942192;
    --color-secondary: #3a88fe;
    --color-accent: #ec4899;
    --color-title: #1e1b4b;
    --color-subtitle: #64748b;
    --color-background: #f8fafc;
    --color-sidebar: #0f172a;
    --color-card: #ffffff;
    --color-text: #334155;
    --color-success: #10b981;
    --gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
    --gradient-accent: linear-gradient(135deg, var(--color-accent) 0%, var(--color-primary) 100%);

    /* Layered, elegant shadows */
    --shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.06);
    --shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.06);
    --shadow-card: 0 8px 30px rgba(15, 23, 42, 0.08), 0 1px 2px rgba(15, 23, 42, 0.04);
    --shadow-premium: 0 20px 50px rgba(99, 102, 241, 0.16), 0 4px 12px rgba(15, 23, 42, 0.06);
    --shadow-float: 0 24px 60px rgba(15, 23, 42, 0.18), 0 8px 20px rgba(15, 23, 42, 0.08);

    /* Rounded corners (8-point friendly) */
    --radius-xs: 8px;
    --radius-sm: 12px;
    --radius-md: 16px;
    --radius-lg: 20px;
    --radius-xl: 24px;
    --radius-2xl: 32px;
    --radius-pill: 999px;

    /* 8-point spacing scale */
    --space-1: 0.5rem;
    --space-2: 1rem;
    --space-3: 1.5rem;
    --space-4: 2rem;
    --space-5: 3rem;
    --space-6: 4rem;
    --space-7: 6rem;

    /* Glass + blur */
    --glass-bg: rgba(255, 255, 255, 0.72);
    --glass-border: rgba(255, 255, 255, 0.55);
    --blur-sm: 10px;
    --blur-md: 18px;
    --blur-lg: 28px;

    /* Motion */
    --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}