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

/* Helvetica Neue Font Definitions */

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../../fonts/helveticaneue-thin-200-webfont.woff2') format('woff2'),
        url('../../fonts/helveticaneue-thin-200-webfont.woff') format('woff'),
        url('../../fonts/helveticaneue-thin-200-webfont.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../../fonts/helveticaneue-light-300-webfont.woff2') format('woff2'),
        url('../../fonts/helveticaneue-light-300-webfont.woff') format('woff'),
        url('../../fonts/helveticaneue-light-300-webfont.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../../fonts/helveticaneue-roman-400-webfont.woff2') format('woff2'),
        url('../../fonts/helveticaneue-roman-400-webfont.woff') format('woff'),
        url('../../fonts/helveticaneue-roman-400-webfont.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../../fonts/helveticaneue-medium-500-webfont.woff2') format('woff2'),
        url('../../fonts/helveticaneue-medium-500-webfont.woff') format('woff'),
        url('../../fonts/helveticaneue-medium-500-webfont.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../../fonts/helveticaneue-bold-700-webfont.woff2') format('woff2'),
        url('../../fonts/helveticaneue-bold-700-webfont.woff') format('woff'),
        url('../../fonts/helveticaneue-bold-700-webfont.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Helvetica Neue Cyr Font Definitions */

@font-face {
    font-family: 'Helvetica Neue Cyr';
    src: url('../../fonts/helveticaneuecyr_thin-100-webfont.woff2') format('woff2'),
        url('../../fonts/helveticaneuecyr_thin-100-webfont.woff') format('woff'),
        url('../../fonts/helveticaneuecyr_thin-100-webfont.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue Cyr';
    src: url('../../fonts/helveticaneuecyr_ultralight-200-webfont.woff2') format('woff2'),
        url('../../fonts/helveticaneuecyr_ultralight-200-webfont.woff') format('woff'),
        url('../../fonts/helveticaneuecyr_ultralight-200-webfont.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue Cyr';
    src: url('../../fonts/helveticaneuecyr_ultralight-200-italic-webfont.woff2') format('woff2'),
        url('../../fonts/helveticaneuecyr_ultralight-200-italic-webfont.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue Cyr';
    src: url('../../fonts/helveticaneuecyr_roman-400-webfont.woff2') format('woff2'),
        url('../../fonts/helveticaneuecyr_roman-400-webfont.woff') format('woff'),
        url('../../fonts/helveticaneuecyr_roman-400-webfont.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue Cyr';
    src: url('../../fonts/helveticaneuecyr_black-900-webfont.woff2') format('woff2'),
        url('../../fonts/helveticaneuecyr_black-900-webfont.woff') format('woff'),
        url('../../fonts/helveticaneuecyr_black-900-webfont.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

:root {
    --font-base: 'Lexend', system-ui, -apple-system, BlinkMacSystemFont;
    --font-helvetica-neue: 'Helvetica Neue';
    --font-helvetica-neue-cyr: 'Helvetica Neue Cyr';
}

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

body {
    font-family: var(--font-helvetica-neue), -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;
    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);
}