/*
 * Typography tokens: one font family and one type scale for the whole platform.
 *
 * - Every stylesheet uses `font-size: var(--fs-*, <px>)`. The scale is defined for screens only,
 *   so on paper each rule falls back to its original px value and printouts stay exactly as before.
 * - The scale is in rem: it follows the font size chosen in the browser settings and grows smoothly
 *   with the screen (16px base up to 1280px wide, 18px at 1920px, 20px from 2560px).
 * - Px line heights become `max(<px>, calc(<ratio> * 1em * var(--screen, 0)))`: on screen they grow
 *   with the text and never get tighter than before; on paper --screen is unset, so they stay <px>.
 *
 * Scale (at the 16px base):
 *   xs 13 · sm 14 · md 15 · base 16 · lg 17 · xl 18 · 2xl 21 · 3xl 24 · 4xl 28 · 5xl 36 · 6xl 48 · 7xl 56
 *   xs is the floor for readable text.
 *
 * Breakpoints used across the stylesheets (max-width = "up to"):
 *   480 small phone · 768 phone/tablet portrait · 1023 tablet · 1200 small laptop · 1440 large screen
 */

/* Helvetica Neue as a single family with real weights (bold/strong/fw-* no longer synthesized) */
@font-face { font-family: "Argos Sans"; src: url("/fonts/Helvetica-Neue-LT-45-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Argos Sans"; src: url("/fonts/Helvetica-Neue-LT-46-Light-Italic.ttf") format("truetype"); font-weight: 300; font-style: italic; font-display: swap; }
@font-face { font-family: "Argos Sans"; src: url("/fonts/Helvetica-Neue-LT-55-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Argos Sans"; src: url("/fonts/Helvetica-Neue-LT-56-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Argos Sans"; src: url("/fonts/Helvetica-Neue-LT-65-Medium.ttf") format("truetype"); font-weight: 500 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Argos Sans"; src: url("/fonts/Helvetica-Neue-LT-66-Medium-Italic.ttf") format("truetype"); font-weight: 500 600; font-style: italic; font-display: swap; }
@font-face { font-family: "Argos Sans"; src: url("/fonts/Helvetica-Neue-LT-75-Bold.ttf") format("truetype"); font-weight: 700 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Argos Sans"; src: url("/fonts/Helvetica-Neue-LT-76-Bold-Italic.ttf") format("truetype"); font-weight: 700 800; font-style: italic; font-display: swap; }
@font-face { font-family: "Argos Sans"; src: url("/fonts/Helvetica-Neue-LT-95-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; }

:root {
    --font-sans: "Argos Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

    /* one family per weight: the names used by the existing rules (faces in planning-webflow.css) */
    --font-light: 'Helvetica neue lt 45', var(--font-sans);
    --font-roman: 'Helvetica neue lt 55 roman', var(--font-sans);
    --font-medium: 'Helvetica neue lt 65', var(--font-sans);
    --font-bold: 'Helvetica neue lt 75', var(--font-sans);
}

@media screen {
    :root {
        --screen: 1;
        --font-body: var(--font-sans);

        --fs-xs: 0.8125rem;
        --fs-sm: 0.875rem;
        --fs-md: 0.9375rem;
        --fs-base: 1rem;
        --fs-lg: 1.0625rem;
        --fs-xl: 1.125rem;
        --fs-2xl: 1.3125rem;
        --fs-3xl: 1.5rem;
        --fs-4xl: 1.75rem;
        --fs-5xl: 2.25rem;
        --fs-6xl: 3rem;
        --fs-7xl: 3.5rem;
    }

    /* 100% = the size chosen in the browser (16px by default); from 1280px it grows with the width */
    html {
        font-size: clamp(100%, calc(75% + 0.3125vw), 125%);
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
    }
}