/* 1. Register Custom Fonts */
@font-face {
    font-family: 'Anton';
    src: url('/fonts/Anton-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'OpenSansLight';
    src: url('/fonts/OpenSans-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* 2. Regular Text (Open Sans Light, Normal Case) */
body, p, a, span, li, button, input, textarea, label {
    font-family: 'OpenSansLight', sans-serif;
    font-weight: 300;
}

/* 3. Biggest Titles (Anton, Uppercase, 10px Letter Spacing) */
h1 {
    font-family: 'Anton', sans-serif;

    font-weight: 800;
}

/* 4. Medium & Small Titles (Open Sans Light, Uppercase) */
h2, h3, h4, h5, h6 {
    font-family: 'OpenSansLight', sans-serif;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: normal; /* Resets letter spacing in case of inheritance */
}