:root {
    /* Colors */
    --color-bg-deep-blue: #0d142b;
    --color-bg-secondary: #131b33;
    --color-bg-card: #1a2545;
    --color-text-primary: #ffffff;
    --color-text-secondary: #a0abc0;

    /* Gradients */
    --gradient-primary: linear-gradient(to right, #003399, #7700cc);
    --gradient-background: linear-gradient(135deg, #0d142b 0%, #131b33 100%);

    /* Typography */
    --font-primary: 'Inter', sans-serif;

    /* Layout */
    --max-width-container: 1200px;
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 4rem;
    --spacing-xl: 8rem;
    --spacing-xxl: 6rem;

    /* Border Radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;
    --radius-pill: 9999px;

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