:root {
    /* Color Palette */
    --color-navy: #001938;
    --color-navy-dark: #000c1b;
    --color-navy-light: #002a5c;
    --color-white: #ffffff;
    --color-red: #e52345;
    --color-red-hover: #c41b38;

    /* Layout */
    --container-width: 80%;
    --header-height: 120px;
    --border-radius-lg: 24px;
    --border-radius-xl: 40px;

    /* Typography Scale */
    --font-size-h1: clamp(3rem, 4vw + 1rem, 4.5rem);
    --font-size-h2: clamp(2.5rem, 3vw + 1rem, 3.8rem);
    --font-size-h3: 1.8rem;
    --font-size-body: 1.15rem;
    --font-size-body-lg: 1.3rem;
}