:root {
    /* =========================
       COLORS
       ========================= */

    --cWhite: #ffffff;
    --cBlack: #000000;

    --cBlue: #002d74;
    --cDark: #1b1b1b;
    --cPrimaryLightBlue: #005eb8;

    /* Theme colors */
    --cTheme: #ffffff;

    /* Sass mix() results (pre-calculated) */
    --cBg: #f7f7f7;           /* mix(white, theme, 88%) */
    --cBorder: #ededed;       /* mix(white, theme, 70%) */

    /* Button color */
    --cButtonBlue: #002D74;

    /* =========================
       FONT SIZES (legacy, assume 10px root)
       ========================= */

    --sBodySizeFont: 0.8rem;

    --sLargerFont: 1.2rem;
    --sLargeFont: 2.4rem;
    --sBiggerFont: 1.4rem;
    --sMediumFont: 1rem;
    --sSmallFontL: 1rem;
    --sSmallFont: 0.8rem;
    --sMicroFont: 1.2rem;

    --sFontH2: 2.6rem;
    --sFontH3: 1.6rem;

    --sRadius: 0.16666rem;

    /* =========================
       FONTS
       ========================= */

    --fBody: "Inter", sans-serif;
    --fAccent: "Inter", sans-serif;

    /* =========================
       TYPOGRAPHY (Figma system.* type scale)
       ========================= */

    --fwRegular: 400;
    --fwBold: 700;

    /* system.headline.h1-h5 (Inter Bold) */
    --tH1Size: 1.875rem;      /* 30px */
    --tH1Lh: 2.25rem;         /* 36px */
    --tH1Ls: -0.021em;

    --tH2Size: 1.375rem;      /* 22px */
    --tH2Lh: 1.6875rem;       /* 27px */
    --tH2Ls: -0.018em;

    --tH3Size: 1.125rem;      /* 18px */
    --tH3Lh: 1.375rem;        /* 22px */
    --tH3Ls: -0.014em;

    --tH4Size: 1rem;          /* 16px */
    --tH4Lh: 1.19375rem;      /* 19.1px */
    --tH4Ls: -0.011em;

    --tH5Size: 0.875rem;      /* 14px */
    --tH5Lh: 1.0625rem;       /* 17px */
    --tH5Ls: -0.006em;

    /* system.paragraph.default */
    --tParagraphSize: 1rem;   /* 16px */
    --tParagraphLh: 1.5;
    --tParagraphLs: -0.011em;

    /* system.ui.default / small / tiny */
    --tUiDefaultSize: 1rem;       /* 16px */
    --tUiDefaultLh: 1.21875rem;   /* 19.5px */
    --tUiDefaultLs: -0.011em;

    --tUiSmallSize: 0.875rem;     /* 14px */
    --tUiSmallLh: 1.0625rem;      /* 17px */
    --tUiSmallLs: -0.006em;

    --tUiTinySize: 0.75rem;       /* 12px */
    --tUiTinyLh: 0.90625rem;      /* 14.5px */
    --tUiTinyLs: 0;
}