:root {
    /* Colors */
    --primary-color: #2070b1;
    --primary-dark: #175587;
    --accent-color: #0abd7d;
    --text-light: #ffffff;
    --text-dark: #333333;
    --background-light: #ffffff;

    /* Transitions */
    --transition-speed: 0.3s;

    /* Spacing */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;

    /* Border Radius */
    --border-radius-sm: 4px;
    --border-radius-md: 8px;
    --border-radius-lg: 12px;

    /* Font Sizes */
    --font-size-sm: 14px;
    --font-size-md: 16px;
    --font-size-lg: 18px;
    --font-size-xl: 24px;
    --font-size-xxl: 32px;

    /* Font Weights */
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;

    /* Container Sizes */
    --container-max-width: 600px;

    /* Z-index layers */
    --z-index-cookie-banner: 9999;
}