:root {
    /* Color palette */
    --color--palette--blue: #3C4CC4;
    --color--palette--blue--contrast: #737FD9;
    --color--palette--blue--97: #F0F2FE;
    --color--palette--blue--90: #D1D6FA;
    --color--palette--blue--85: #BCC3F5;
    --color--palette--blue--80: #A9B1EF;
    --color--palette--blue--70: #858FE0;
    --color--palette--blue--50: #3B4BC4;
    --color--palette--blue--20: #000C66;

    --color--palette--black--true: #000;
    --color--palette--black--soft: #322D2A;
    --color--palette--black--brown: #583C09;
    --color--palette--black--navy: #084C83;
    --color--palette--black--forest: #136748;
    --color--palette--white--true: #FFF;
    --color--palette--white--natural: #FFFDF8;
    --color--palette--white--ivory: #FFFBEF;
    --color--palette--white--cool: #FDFDFD;
    --color--palette--white--haze: #FAFDFF;
    --color--palette--white--blush: #FFFAFD;
    --color--palette--highlight--yellow: #FCFF28;
    --color--palette--highlight--lime: #C9FB6D;
    --color--palette--highlight--teal: #BAFBC4;
    --color--palette--highlight--blue: #C4E9F8;
    --color--palette--highlight--lilac: #E1DAFD;
    --color--palette--highlight--pink: #FFD3DE;
    --color--palette--highlight--yellow--soft: #FDFE99;
    --color--palette--highlight--lime--soft: #DFFAAC;
    --color--palette--highlight--teal--soft: #D5FFD8;
    --color--palette--highlight--blue--soft: #DAF2FA;
    --color--palette--highlight--lilac--soft: #EEEAFF;
    --color--palette--highlight--pink--soft: #FFE9EF;

    --color--palette--green: #00AD43;
    --color--palette--green--alternate: #00993B;
    --color--palette--red: #FF5320;
    --color--palette--red--alternate: #EB3700;

    /* Font families */
    --font--family--brand: Flexa;
    --font--family--monospace: "Manifold Sans";
    --font--family--sans-serif: Circular;
    --font--family--serif: Alpina;

    --font--letter-spacing: normal;

    /* Line heights */
    /* --font--line-height: 1.125;
    --font--line-height: 1.5;
    --font--line-height: 1.54545455;
    --font--line-height: 1.6;
    --font--line-height: 1.66666667;
    --font--line-height: 1.67;
    --font--line-height: 1.71428571; */

    /* Font sizes */
    /* --font--size--5xs: 0.625rem;
    --font--size--4xs: 0.75rem;
    --font--size--3xs: 14px;
    --font--size--2xs: 1rem;
    --font--size--1xs: 1.125rem;
    --font--size--sml: 1.25rem;
    --font--size--med: 1.375rem;
    --font--size--lrg: 24px;
    --font--size--1xl: 1.75rem;
    --font--size--2xl: 2rem;
    --font--size--3xl: 2.5rem;
    --font--size--4xl: 3.75rem;
    --font--size--5xl: 64px;
    --font--size--6xl: 5.3125rem; */

    /* Font sizes */
    --font--size--50: 0.6875rem;
    --font--size--75: 0.75rem;
    --font--size--100: 0.8125rem;
    --font--size--200: 0.875rem;
    --font--size--300: 0.9375rem;
    --font--size--400: 1rem;
    --font--size--500: 1.25rem;
    --font--size--600: 1.375rem;
    --font--size--700: 1.75rem;
    --font--size--800: 2.25rem;
    --font--size--900: 2.5rem;
    --font--size--1000: 4.0625rem;

    /* Line heights */
    --font--line-height--100: 0.90;
    --font--line-height--200: 0.95;
    --font--line-height--300: 1.00;
    --font--line-height--500: 1.15;
    --font--line-height--600: 1.25;
    --font--line-height--900: 1.40;

    /* Font weights */
    --font--weight--100: 100;
    --font--weight--200: 200;
    --font--weight--300: 300;
    --font--weight--400: 400;
    --font--weight--500: 500;
    --font--weight--600: 600;
    --font--weight--700: 700;
    --font--weight--800: 800;
    --font--weight--900: 900;

    /* Font misc */
    --font--word-spacing: normal;

    /* Size */
    --size--border: 2px;
    --size--corner-radius: 3px;
}

:root {
    font-size: clamp(85%, 0.85vw, 100%);
}

:root {
    color: var(--color--text--primary);
}

* {
    font-variant-ligatures: common-ligatures;
    font-feature-settings: "liga" 1;
}