:root {
    /* Colors */
    --primary: #5F1A37;
    --primary-hover: #7D2248;
    --dark-base: #0A0A0A;
    --light: #FFFFFF;
    --grey-light: #F4F4F4;
    --grey: #CCCCCC;
    --grey-dark: #666666;
    --text-color: #0A0A0A;

    /* Fonts */
    --font-heading: 'Jost', 'Futura', sans-serif;
    --font-body: 'Inter', sans-serif;

    /* Spacing */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 32px;
    --spacing-xl: 64px;
    --container-width: 1200px;

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