@font-face {
    font-family: 'InterDisplay';
    src: url('../fonts/InterDisplay-Regular.woff2?v=4.1');
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'InterDisplay';
    src: url('../fonts/InterDisplay-Bold.woff2?v=4.1');
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: 'InterDisplay';
    src: url('../fonts/InterDisplay-Italic.woff2?v=4.1');
    font-style: italic;
    font-weight: 400;
}

@font-face {
    font-family: 'InterDisplay';
    src: url('../fonts/InterDisplay-BoldItalic.woff2?v=4.1');
    font-style: italic;
    font-weight: 700;
}

@font-face {
    font-family: 'Arya';
    src: url('../fonts/Arya-Regular.woff2?v=4.1');
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'Arya';
    src: url('../fonts/Arya-Bold.woff2?v=4.1');
    font-style: normal;
    font-weight: 700;
}

@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 */
    }
}

html {
    height: 100%;
    overflow-x: hidden;
}

body {
    height: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
    font-family: InterDisplay, sans-serif;
    font-feature-settings: 'ss01' 1;
    font-size: 16px;
    display: flex;
    flex-direction: column;
    background: #173a3b;
    color: #b8c7cc;
}

* {
    scrollbar-color: rgb(120, 125, 135) transparent;
    scrollbar-width: thin;
}

.border-light {
    --bs-border-opacity: .25;
}

a {
    text-decoration: none;
}

#overlay {
    border: none;
    outline: none;
    &::backdrop {
        opacity: 1;
        transition: opacity 0.4s ease;
        backdrop-filter: blur(2px);
        background-color: rgba(125, 130, 135, 0.25);
    }
    @starting-style {
        &::backdrop {
            opacity: 0;
        }
    }
}

p {
    text-align: justify;
    hyphens: auto;
}

/* Bootstrap custom */
.nav-link {
    color: #b8c7cc;
}

.btn-link {
    text-decoration: none;
}

.form-check-input {
    border-color: var(--bs-secondary);
    width: 0.95rem;
    height: 0.95rem;
    transform: translateY(1px);
}

.form-check-input:checked {
    border-color: var(--bs-primary);
}