/* Inter Variable Font Definition */
@font-face {
    font-family: 'InterVariable';
    src: url('../fonts/InterVariable.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

/* Inter Display Font Definition - using same variable font file but with different family name for display usage */
@font-face {
    font-family: 'InterDisplay';
    src: url('../fonts/InterVariable.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

/* Variable fonts usage with fallback */
:root {
    font-family: "InterVariable", sans-serif;
    font-optical-sizing: auto;
}

/* Font weight aliases for easy use with Inter Variable */
.inter-normal {
    font-family: "InterVariable", sans-serif;
    font-variation-settings: "wght" 400;
}

.inter-medium {
    font-family: "InterVariable", sans-serif;
    font-variation-settings: "wght" 500;
}

.inter-semibold {
    font-family: "InterVariable", sans-serif;
    font-variation-settings: "wght" 600;
}

.inter-bold {
    font-family: "InterVariable", sans-serif;
    font-variation-settings: "wght" 700;
}

/* Display font aliases for headings */
.inter-display-normal {
    font-family: "InterDisplay", sans-serif;
    font-variation-settings: "wght" 400;
}

.inter-display-medium {
    font-family: "InterDisplay", sans-serif;
    font-variation-settings: "wght" 500;
}

.inter-display-semibold {
    font-family: "InterDisplay", sans-serif;
    font-variation-settings: "wght" 600;
}

.inter-display-bold {
    font-family: "InterDisplay", sans-serif;
    font-variation-settings: "wght" 500;
}

/* HOW TO USE STYLISTIC SET */
.special-text {
    font-family: "InterVariable", sans-serif;
    font-feature-settings: "cv01" 1;

    /* Alternate one */
    /* or */
    font-variant-alternates: character-variant(alt-1);
}

/* Inter Font Feature Values - Advanced OpenType Features */
@font-feature-values InterVariable {
    @character-variant {
        cv01: 1;
        cv02: 2;
        cv03: 3;
        cv04: 4;
        cv05: 5;
        cv06: 6;
        cv07: 7;
        cv08: 8;
        cv09: 9;
        cv10: 10;
        cv11: 11;
        cv12: 12;
        cv13: 13;
        alt-1: 1;

        /* Alternate one */
        alt-3: 9;

        /* Flat-top three */
        open-4: 2;

        /* Open four */
        open-6: 3;

        /* Open six */
        open-9: 4;

        /* Open nine */
        lc-l-with-tail: 5;

        /* Lower-case L with tail */
        simplified-u: 6;

        /* Simplified u */
        alt-double-s: 7;

        /* Alternate German double s */
        uc-i-with-serif: 8;

        /* Upper-case i with serif */
        uc-g-with-spur: 10;

        /* Capital G with spur */
        single-story-a: 11;

        /* Single-story a */
        compact-lc-f: 12;

        /* Compact f */
        compact-lc-t: 13;

        /* Compact t */
    }

    @styleset {
        ss01: 1;
        ss02: 2;
        ss03: 3;
        ss04: 4;
        ss05: 5;
        ss06: 6;
        ss07: 7;
        ss08: 8;
        open-digits: 1;

        /* Open digits */
        disambiguation: 2;

        /* Disambiguation (with zero) */
        disambiguation-except-zero: 4;

        /* Disambiguation (no zero) */
        round-quotes-and-commas: 3;

        /* Round quotes & commas */
        square-punctuation: 7;

        /* Square punctuation */
        square-quotes: 8;

        /* Square quotes */
        circled-characters: 5;

        /* Circled characters */
        squared-characters: 6;

        /* Squared characters */
    }
}

@font-feature-values InterDisplay {
    @character-variant {
        cv01: 1;
        cv02: 2;
        cv03: 3;
        cv04: 4;
        cv05: 5;
        cv06: 6;
        cv07: 7;
        cv08: 8;
        cv09: 9;
        cv10: 10;
        cv11: 11;
        cv12: 12;
        cv13: 13;
        alt-1: 1;

        /* Alternate one */
        alt-3: 9;

        /* Flat-top three */
        open-4: 2;

        /* Open four */
        open-6: 3;

        /* Open six */
        open-9: 4;

        /* Open nine */
        lc-l-with-tail: 5;

        /* Lower-case L with tail */
        simplified-u: 6;

        /* Simplified u */
        alt-double-s: 7;

        /* Alternate German double s */
        uc-i-with-serif: 8;

        /* Upper-case i with serif */
        uc-g-with-spur: 10;

        /* Capital G with spur */
        single-story-a: 11;

        /* Single-story a */
        compact-lc-f: 12;

        /* Compact f */
        compact-lc-t: 13;

        /* Compact t */
    }

    @styleset {
        ss01: 1;
        ss02: 2;
        ss03: 3;
        ss04: 4;
        ss05: 5;
        ss06: 6;
        ss07: 7;
        ss08: 8;
        open-digits: 1;

        /* Open digits */
        disambiguation: 2;

        /* Disambiguation (with zero) */
        disambiguation-except-zero: 4;

        /* Disambiguation (no zero) */
        round-quotes-and-commas: 3;

        /* Round quotes & commas */
        square-punctuation: 7;

        /* Square punctuation */
        square-quotes: 8;

        /* Square quotes */
        circled-characters: 5;

        /* Circled characters */
        squared-characters: 6;

        /* Squared characters */
    }
}