:root {
    /* Colors */
    --color-primary-blue: #0004f4;
    --color-cream: #e8e1ce;
    --color-secondary: #6E969E;
    --color-text: #D7EAE4;
    --color-accent: #DAA49C;
    --color-dark: #0F363D;
    --color-white: #FFFFFF;
    --color-black: #000000;

    /* Typography */
    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-size-base: 16px;
    --font-size-small: 14px;
    --font-size-large: 18px;
    --font-size-h1: 84px;
    --font-size-h2: 41px;
    --font-size-h3: 24px;

    --font-weight-thin: 100;
    --font-weight-light: 200;
    --font-weight-normal: 400;
    --font-weight-bold: 700;

    --line-height-base: 1.6;
    --line-height-heading: 1.2;

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

    /* Layout */
    --max-width: 950px;
    --header-height: 60px;

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

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

/* Tablet adjustments */
@media (max-width: 1024px) {
    :root {
        --font-size-h1: 65px;
        --font-size-h2: 40px;
    }
}

/* Mobile adjustments */
@media (max-width: 767px) {
    :root {
        --font-size-base: 14px;
        --font-size-h1: 35px;
        --font-size-h2: 30px;
        --font-size-h3: 20px;
        --spacing-lg: 32px;
        --spacing-xl: 64px;
        --header-height: 45px;
    }
}