/* Variable font declaration */
@font-face {
    font-family: 'Schibsted Grotesk';
    src: url('../fonts/SchibstedGrotesk-VariableFont_wght.ttf') format('truetype-variations');
    font-weight: 300 400 500 600 700 800 900;
    font-style: normal;
    font-display: swap;
}

/* Base styles */
:root {
    font-family: 'Schibsted Grotesk', system-ui, -apple-system, sans-serif;
}

/* Ensure the font is applied to all elements */
body {
    font-family: 'Schibsted Grotesk', system-ui, -apple-system, sans-serif;
    min-height: 100vh;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    --font-feature-settings: "kern" 1;
    font-kerning: normal;
    --letter-spacing: -0.011em;
}

/* Improve text rendering for headings */
h1, h2, h3, h4, h5, h6 {
    letter-spacing: -0.02em;
} 

a {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: 2px;
    text-underline-offset: 5px;
    text-decoration-color: currentColor;
}