:root {
    /* === Colori === */
    --color-navy-dark: #0A1E3D;
    --color-navy: #1D3F75;
    --color-blue: #1A4591;
    --color-blue-medium: #2265B1;
    --color-blue-light: #152D57;
    --color-red: #BB0027;
    --color-gray-text: #44474E;
    --color-gray-muted: #888888;
    --color-white: #FFFFFF;
    --color-border-light: rgba(197, 198, 207, 0.2);
    --color-border-footer: rgba(0, 0, 0, 0.05);
    --color-bg-card: #E5E2DB;
    --color-blue-bright: #1B7FF0;
    --color-hero-overlay: rgba(11, 31, 67, 0.6);
    --color-hero-gradient: #0B1F43;
    --color-bg-attivita: #E0EBFF;

    /* === Tipografia - Font Families === */
    --font-heading: 'Epilogue', sans-serif;
    --font-body: 'Manrope', sans-serif;
    --font-mono: 'Inter', sans-serif;

    /* === Tipografia - Sizes === */
    --text-h1: 96px;
    --text-h2: 60px;
    --text-h2-cta: 72px;
    --text-h3: 24px;
    --text-h4: 18px;
    --text-h4-section: 48px;
    --text-stat: 72px;
    --text-body-lg: 24px;
    --text-body: 20px;
    --text-body-sm: 16px;
    --text-body-xs: 14px;
    --text-label: 16px;
    --text-button: 14px;
    --text-overline: 18px;
    --text-stat-label: 12px;
    --text-countdown: 30px;
    --text-footer: 14px;
    --text-copyright: 13px;

    /* === Tipografia - Line Heights === */
    --lh-h1: 96px;
    --lh-h2: 60px;
    --lh-h2-cta: 72px;
    --lh-h3: 32px;
    --lh-h4: 28px;
    --lh-h4-section: 48px;
    --lh-stat: 72px;
    --lh-body-lg: 32px;
    --lh-body: 32.5px;
    --lh-body-sm: 26px;
    --lh-body-xs: 22.75px;
    --lh-label: 20px;
    --lh-button: 20px;
    --lh-overline: 28px;
    --lh-stat-label: 16px;
    --lh-countdown: 36px;
    --lh-footer: 22.75px;

    /* === Tipografia - Letter Spacing === */
    --ls-h2: -3px;
    --ls-h2-cta: -3.6px;
    --ls-h4-section: -2.4px;
    --ls-body-lg: -0.6px;
    --ls-nav: -0.35px;
    --ls-button: 1.4px;
    --ls-overline: 1.8px;
    --ls-stat-label: 2.4px;
    --ls-footer-heading: 1.2px;

    /* === Layout === */
    --viewport: 1920px;
    --container-max: 1536px;
    --container-padding: 32px;
    --section-padding-y: 96px;

    /* === Spacing === */
    --gap-cards: 32px;
    --gap-columns: 48px;
    --gap-section-inner: 80px;

    /* === Border Radius === */
    --radius-button: 12px;
    --radius-card-tl: 64px;
    --radius-countdown: 8px;
    --radius-speaker: 8px;
    --radius-icon: 16px;
}