:root {
    /* Brand Colors */
    --color-primary: #A4FF00;
    --color-primary-hover: #8eda00;
    --color-primary-light: #C6FF60;
    --color-primary-dark: #7EC400;
    --color-secondary: #41A0FF;

    /* Neutral Colors */
    --page-background: #E7E9F1;
    --card-background-dark: #2C3239;
    --color-text: #000;
    --color-text-light: #666666;
    --spacing-small: 10px;

    /* Navigation Variables */
    --nav-spacing: 10px;
    --nav-height: 60px;
    --nav-radius: 32px;
    --nav-bg: rgba(255, 255, 255, 0.8);
    --nav-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    --nav-transition: 0.2s ease;

    /* Layout */
    --max-width: 1200px;
}