/* ===========================
   Design Tokens (Figma)
   =========================== */
:root {
    /* ---- Color Tokens ---- */
    --Text-Brand-tertiary: #0B1641;
    --Text-Brand-link: #0067CC;
    --Text-On-brand-primary: #FFFFFF;
    --Text-Neutral-secondary: #3C3C3E;
    --Background-Neutral-primary: #FFFFFF;
    --Background-Brand-primary: #0067CC;
    --Border-Neutral-secondary: #E0E0E1;

    /* ---- Font Family Tokens ---- */
    --Font-Family-Label: 'Infra', sans-serif;
    --Font-Family-Button: 'Poppins', sans-serif;
    --Font-Family-Display: 'NexaHeavy', 'Nexa Heavy', sans-serif;
    --Font-Family-Heading-Heavy: 'NexaHeavy', 'Nexa Heavy', sans-serif;

    /* ---- Font Size Tokens ---- */
    --Font-Size-Label-1: 18px;
    --Font-Size-Label-2: 16px;
    --Font-Size-Label-3: 14px;
    --Font-Size-Display-1: 72px;
    --Font-Size-Heading-2: 48px;
    --Text-Size-Button-Rg: 18px;

    /* ---- Line Height Tokens ---- */
    --Font-Line-height-Label-1: 25px;
    --Font-Line-height-Label-2: 22px;
    --Font-Line-height-Label-3: 20px;
    --Font-Line-height-Display-1: 86px;
    --Font-Line-height-Heading-2: 58px;

    /* ---- Letter Spacing Tokens ---- */
    --Font-Letter-spacing-none: 0;
    --Font-Letter-spacing-Negative-l: -1.5px;
    --Font-Letter-spacing-Negative-m: -1px;

    /* ---- Spacing Tokens ---- */
    --gap-xs: 8px;
    --gap-sm: 16px;
    --gap-md: 24px;
    --gap-xxxl: 48px;
    --spacing-s: 16px;
    --spacing-xl: 64px;
    --spacing-xxl: 80px;
    --padding-xs: 8px;
    --padding-s: 12px;
    --padding-md: 16px;
    --padding-l: 24px;
    --padding-xxxl: 48px;

    /* ---- Border Radius Tokens ---- */
    --corner-radius-xxs: 4px;
    --corner-radius-xs: 8px;
    --corner-radius-m: 16px;
    --full: 1000px;

    /* ---- Color Tokens (extended) ---- */
    --Background-Neutral-secondary: #F5F5F5;
    --Background-Brand-surface-primary: #0067CC;
}