:root {
    --color-primary: #4C1D95;
    --color-primary-hover: #3B157A;
    --color-primary-active: #301160;
    --color-primary-soft: #EDE9FE;

    --color-accent: #A3E635;
    --color-accent-hover: #8FCB24;
    --color-accent-soft: #ECFCCB;

    --color-dark: #1E102E;
    --color-text: #1E102E;
    --color-text-muted: #6B6475;

    --color-background: #F5F3FF;
    --color-surface: #FFFFFF;
    --color-surface-alt: #FAF8FF;
    --color-border: #E5DDF2;

    --color-success: #15803D;
    --color-success-soft: #DCFCE7;
    --color-warning: #B45309;
    --color-warning-soft: #FEF3C7;
    --color-danger: #B91C1C;
    --color-danger-soft: #FEE2E2;
    --color-info: #0369A1;
    --color-info-soft: #E0F2FE;

    --focus-ring: rgba(76, 29, 149, 0.28);
    --shadow-sm: 0 2px 8px rgba(30, 16, 46, 0.06);
    --shadow-md: 0 12px 30px rgba(30, 16, 46, 0.10);
    --shadow-lg: 0 24px 60px rgba(30, 16, 46, 0.14);

    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 22px;
    --radius-pill: 999px;
}