/* Local fonts supplied with the previous package. */
@font-face { font-family: Tenon; src: url(../fonts/tenon-regular.woff2) format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: Tenon; src: url(../fonts/tenon-medium.woff2) format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: Tenon; src: url(../fonts/tenon-bold.woff2) format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: Tenon; src: url(../fonts/tenon-xbold.woff2) format("woff2"); font-weight: 800; font-style: normal; font-display: swap; }

/* archivo-vietnamese-wght-normal */
@font-face {
    font-family: 'Archivo';
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url(../fonts/archivo-vietnamese-wght-normal.woff2) format('woff2-variations');
    unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* archivo-latin-ext-wght-normal */
@font-face {
    font-family: 'Archivo';
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url(../fonts/archivo-latin-ext-wght-normal.woff2) format('woff2-variations');
    unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* archivo-latin-wght-normal */
@font-face {
    font-family: 'Archivo';
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url(../fonts/archivo-latin-wght-normal.woff2) format('woff2-variations');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* Figma desktop 42:389, reference width 1440px.
* Tenon Regular, Medium, Bold and X-Bold supplied by the user are included.
* Archivo is included under the SIL Open Font License (fonts/Archivo-OFL.txt).
* Alternatively set your HTTPS Adobe Fonts kit in FreeQ settings.
*/
@layer tokens {
    :root {
        /* Shared spacing scale, in rem for text-size accessibility. */
        --fq-s4: 0.25rem;
        --fq-s8: 0.5rem;
        --fq-s12: 0.75rem;
        --fq-s16: 1rem;
        --fq-s20: 1.25rem;
        --fq-s24: 1.5rem;
        --fq-s28: 1.75rem;
        --fq-s32: 2rem;
        --fq-s40: 2.5rem;
        --fq-s48: 3rem;
        --fq-s64: 4rem;
        --fq-s72: 4.5rem;
        --fq-s80: 5rem;
        --fq-s120: 7.5rem;
        --fq-s140: 8.75rem;
        --fq-s160: 10rem;

        /* Semantic roles: components depend on these, not literal colors. */
        --fq-ink: #1d1d1b;
        --fq-muted: #6b6b67;
        --fq-paper: #fff;
        --fq-soft: #f3f3f1;
        --fq-accent: #2a4b9b;
        --fq-line: #dcdcd8;
        --fq-focus-ring: 3px solid var(--fq-blue-light);
        --fq-duration: 180ms;
        --fq-ease: ease;

        --fq-gray-dark: #8e8e89;

        --fq-blue-dark: #1f3a7a;
        --fq-blue-light: #7d9ce2;
        --fq-blue-pale: #c9d5f2;
        --fq-font-body: 'Tenon', 'Archivo', Arial, sans-serif;
        --fq-font-ui: 'Archivo', Arial, sans-serif;
        --fq-font-display: var(--fq-font-body);
        --fq-page-width: 1440px;
        --fq-desktop-min: var(--fq-page-width);
        --fq-gutter: var(--fq-s64);
        --fq-section-space: var(--fq-s140);

        --fq-display-xl: 7.5rem;
        --fq-display-lg: 4.75rem;
        --fq-display-md: 2.5rem;
        --fq-text-lg: 1.5rem;
        --fq-text-base: 1.125rem;
        --fq-radius-sm: 6px;
        --fq-radius-md: 10px;
        --fq-radius-lg: 16px;
        --fq-border: 1px solid var(--fq-line);
        --fq-shadow: 0 24px 60px rgb(0 0 0 / 8%);
    }
}