:root {
    --primary-color: #4fc3f7;
    --primary-color-light: #81d4fa;
    --secondary-color: #667eea;
    --tertiary-color: #764ba2;
    
    --button-gradient: linear-gradient(120deg, rgba(30, 10, 50, 0.5), rgba(10, 10, 40, 0.4));
    --button-hover-gradient: linear-gradient(120deg, rgba(30, 10, 50, 0.75), rgba(10, 10, 40, 0.4));

    --background-color: #000000;
    --glass-background: rgba(20, 20, 20, 0.1);
    --glass-border: rgba(255, 255, 255, 0.18);
    --glass-shadow: rgba(31, 38, 135, 0.30);

    --text-color: #ffffff;
    --text-color-light: rgba(255, 255, 255, 0.8);
    --text-color-dark: rgba(255, 255, 255, 0.45);

    --font-family: "Lexend", sans-serif;

    --border-radius: 16px;
    --border-radius-large: 24px;

    --box-shadow: 0 8px 36px 0px var(--glass-shadow);
    --inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}