/* CCL Landing — CSS Custom Properties */

:root {
    /* Brand colours */
    --color-primary:          #0033a1;
    --color-primary-rgb:      0, 51, 161;
    --color-secondary:        #ea0029;
    --color-secondary-rgb:    234, 0, 41;
    --color-tertiary:         #ffc629;
    --color-tertiary-rgb:     255, 198, 41;
    --color-white:            #ffffff;
    --color-dark:             #111111;
    --color-grey-light:       #e8e8e8;
    --color-grey:             #999999;

    /* Typography */
    --font-family:            'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-size-base:         1rem;
    --font-size-sm:           0.875rem;
    --font-size-xs:           0.75rem;
    --line-height-base:       1.5;

    /* Layout */
    --site-width:             1320px;
    --header-height:          72px;
    --gutter:                 1.5rem;

    /* Transitions */
    --transition-fast:        0.15s ease;
    --transition-base:        0.25s ease;

    /* Shadows */
    --shadow-dropdown:        0 4px 20px rgba(0, 0, 0, 0.15);
    --shadow-card:            0 2px 8px rgba(0, 0, 0, 0.08);

    /* Z-index layers */
    --z-header:               1000;
    --z-nav-overlay:          1100;
    --z-dropdown:             1050;
}