@layer base {
    /*
    Segoe UI Variable iSamba font face configuration.

    1. Segoe UI Variable (Weights 100-700):
       Leverages variable font features to:
       - Automatically adjust Weight (wght) dynamically within the 100-700 range.
       - Automatically manage Optical Size (opsz) based on font-size.

    2. Segoe UI Black (Weights 800-900):
       Used as a fallback because Segoe UI Variable does not natively support 900 weight.
       This ensures a consistent bold experience across all weights.
  */
    @font-face {
        font-family: "Segoe UI Variable iSamba";
        src: local("Segoe UI Variable");
        font-weight: 100 700;
        font-style: normal;
    }

    @font-face {
        font-family: "Segoe UI Variable iSamba";
        src: local("Segoe UI Variable");
        font-weight: 100 700;
        font-style: italic;
    }

    @font-face {
        font-family: "Segoe UI Variable iSamba";
        src: local("Segoe UI Black");
        font-weight: 800 900;
        font-style: normal;
    }

    @font-face {
        font-family: "Segoe UI Variable iSamba";
        src: local("Segoe UI Black Italic");
        font-weight: 800 900;
        font-style: italic;
    }

    /*
    Brand faces from the brandbook (../+iSAMBA/TIPOGRAFIA), self-hosted and
    subset to Latin, Latin Extended-A and arrows. Space Grotesk (500-700) sets
    titles; Inter Tight (400-700) sets the text (--font-sans). Both ship under the SIL Open Font License 1.1,
    whose text is in each file's name table. A face only downloads on pages
    that use it.
  */
    @font-face {
        font-family: "Space Grotesk";
        src: url("/assets/space-grotesk-67788563.woff2") format("woff2");
        font-weight: 500 700;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: "Inter Tight";
        src: url("/assets/inter-tight-2c658a9f.woff2") format("woff2");
        font-weight: 400 700;
        font-style: normal;
        font-display: swap;
    }
}