:root {
    --primary: #8B5FBF;
    --secondary: #D4A5D4;
    --accent: #FF8FA3;
    --dark: #2C1A4D;
    --light: #F8F5FF;
    --white: #FFFFFF;
    --text-primary: #2C1A4D;
    --text-secondary: #666;
    --bg-primary: #FFFFFF;
    --bg-secondary: #F8F5FF;
    --gradient: linear-gradient(135deg, #8B5FBF 0%, #D4A5D4 50%, #FF8FA3 100%);
    --gradient-dark: linear-gradient(135deg, #2C1A4D 0%, #8B5FBF 100%);
    --shadow: 0 5px 20px rgba(0,0,0,0.08);
    --shadow-hover: 0 15px 40px rgba(139, 95, 191, 0.2);

    /* Font Families */
    --font-primary: 'Poppins', sans-serif;
    --font-secondary: 'Kinetika', sans-serif;
    
    /* Font Weights */
    --font-light: 300;
    --font-regular: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;
}

[data-theme="dark"] {
    --text-primary: #FFFFFF;
    --text-secondary: #B8B8B8;
    --bg-primary: #1A1A2E;
    --bg-secondary: #16213E;
    --dark: #FFFFFF;
    --light: #16213E;
    --shadow: 0 5px 20px rgba(0,0,0,0.5);
    --shadow-hover: 0 15px 40px rgba(139, 95, 191, 0.4);
}