/* Lexend Font Definitions - Optimized for Tubihome */

@font-face {
    font-family: 'Lexend';
    src: url('../../fonts/Lexend-Regular.woff2') format('woff2'),
        url('../../fonts/Lexend-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Lexend';
    src: url('../../fonts/Lexend-SemiBold.woff2') format('woff2'),
        url('../../fonts/Lexend-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lexend';
    src: url('../../fonts/Lexend-Bold.woff2') format('woff2'),
        url('../../fonts/Lexend-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    --font-base: 'Lexend', system-ui, -apple-system, BlinkMacSystemFont;
}

/* Base */
html {
    font-size: 100%;
}

body {
    font-family: var(--font-base);
    font-size: 1rem;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

h1 {
    font-size: clamp(2rem, 4vw, 3.5rem);
    line-height: 1.1;
}

h2 {
    font-size: clamp(1.75rem, 3vw, 2.5rem);
}

h3 {
    font-size: clamp(1.25rem, 2vw, 1.75rem);
}