/* ===================================
   SkyRent Brand Fonts
   - Canvas: main UI font
   - Chocolate: accent/display font
   ================================== */

/* Canvas (main) */
@font-face {
    font-family: 'Canvas';
    src: url('../assets/fonts/canva-sans-regular.otf');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* TT Chocolates (accent/display)
   Note: filenames contain spaces, so URLs are percent-encoded.
*/
@font-face {
    font-family: 'Chocolate';
    src: url('../assets/fonts/tt_chocolates/TT%20Chocolates%20Trial%20ExtraLight.otf');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Chocolate';
    src: url('../assets/fonts/tt_chocolates/TT%20Chocolates%20Trial%20ExtraLight%20Italic.otf');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Chocolate';
    src: url('../assets/fonts/tt_chocolates/TT%20Chocolates%20Trial%20Light.otf');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Chocolate';
    src: url('../assets/fonts/tt_chocolates/TT%20Chocolates%20Trial%20Light%20Italic.otf');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Chocolate';
    src: url('../assets/fonts/tt_chocolates/TT%20Chocolates%20Trial%20Regular.otf');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Chocolate';
    src: url('../assets/fonts/tt_chocolates/TT%20Chocolates%20Trial%20Italic.otf');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Chocolate';
    src: url('../assets/fonts/tt_chocolates/TT%20Chocolates%20Trial%20Medium.otf');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Chocolate';
    src: url('../assets/fonts/tt_chocolates/TT%20Chocolates%20Trial%20Medium%20Italic.otf');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Chocolate';
    src: url('../assets/fonts/tt_chocolates/TT%20Chocolates%20Trial%20DemiBold.otf');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Chocolate';
    src: url('../assets/fonts/tt_chocolates/TT%20Chocolates%20Trial%20DemiBold%20Italic.otf');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Chocolate';
    src: url('../assets/fonts/tt_chocolates/TT%20Chocolates%20Trial%20Bold.otf');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Chocolate';
    src: url('../assets/fonts/tt_chocolates/TT%20Chocolates%20Trial%20Bold%20italic.otf');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Chocolate';
    src: url('../assets/fonts/tt_chocolates/TT%20Chocolates%20Trial%20ExtraBold.otf');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Chocolate';
    src: url('../assets/fonts/tt_chocolates/TT%20Chocolates%20Trial%20ExtraBold%20Italic.otf');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

/* Global variables (overrides the defaults in design-system.css) */
:root {
    --font-family-base: 'Canvas', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
    --font-family-display: 'Chocolate', 'Canvas', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
}

/* Georgian: avoid per-glyph fallback from display fonts that may not support Mkhedruli.
   Apply at the variable level so all typography updates automatically (no class targeting). */
html[lang="ge"],
html[lang="ka"] {
    --font-family-base: 'Canvas', 'Noto Sans Georgian', 'Noto Sans', 'DejaVu Sans', 'Sylfaen', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
    --font-family-display: 'Canvas', 'Noto Sans Georgian', 'Noto Sans', 'DejaVu Sans', 'Sylfaen', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
}

/* Georgian can look cramped at large sizes; give a bit more air between words/letters.
   Applies automatically to all headings (e.g. <h1 class="hero-title">...). */
html[lang="ge"] h1,
html[lang="ge"] h2,
html[lang="ge"] h3,
html[lang="ge"] h4,
html[lang="ge"] h5,
html[lang="ge"] h6,
html[lang="ka"] h1,
html[lang="ka"] h2,
html[lang="ka"] h3,
html[lang="ka"] h4,
html[lang="ka"] h5,
html[lang="ka"] h6 {
    letter-spacing: 0.03em;
    word-spacing: 0.10em;
    font-kerning: normal;
}

/* Fallback rules for pages not using design-system typography */
body {
    font-family: var(--font-family-base);
    font-synthesis: weight style;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-family-display);
}