:root {

    /* COLORS */
    --white : #ffffff;
    --brand-shadow : #030406;
    --brand-phantom : #2d26b3;
    --brand-amethyst : #bf82ed;
    --brand-ghost : #f4efea;
    --brand-medium : #D3C3B1;
    --brand-primary: #3312BE;
    --brand-primary-dark: #291091;

    --buttons-primary : #f1f1f1;
    --buttons-secondary : #dfdfdf;

    --color-bg: #f5f5f5;
    --color-surface: #ffffff;

    --color-text-primary: #111111;
    --color-text-secondary: #666666;

    --color-border: #dddddd;

    --color-success: #155724;
    --color-success-bg: #d4edda;

    --color-error: #721c24;
    --color-error-bg: #f8d7da;

    --color-info: #0c5460;
    --color-info-bg: #d1ecf1;

    /* TYPOGRAPHY */
    --font-body: 'Founders Grotesk', sans-serif;
    --font-heading: 'GT America Expanded', sans-serif;

    /* SPACING */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 40px;

    /* RADIUS */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;

    /* SHADOWS */
    --shadow-sm: 0 2px 8px rgba(0,0,0,0.06);
    --shadow-md: 0 10px 24px rgba(0,0,0,0.18);

    /* TRANSITIONS */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
}