/**
 * yesBTL Official Brand Typography System
 * 
 * BRAND FONT SPECIFICATION & WEIGHT MAPPINGS:
 * -------------------------------------------------------------
 * 1. ARGENTUM SANS:
 *    - Argentum Sans Black (900): Highlights and titles
 *    - Argentum Sans Extrabold (800): Titles
 *    - Argentum Sans Semibold (600): Page headers and section headers
 * 
 * 2. CLEAR SANS:
 *    - Clear Sans Bold (700): Sub-headers and lists
 *    - Clear Sans Medium (500): Body copy
 *    - Clear Sans Regular (400): Additional information
 *    - Clear Sans Light (300): *only for special production purposes
 *    - Clear Sans Thin (100): *only for illustrations, confirmation needed
 *    - Clear Sans Bold Italic (700 Italic): *only for illustrations, confirmation needed
 *    - Clear Sans Medium Italic (500 Italic): *only for illustration and highlights
 *    - Clear Sans Italic (400 Italic): Additional information (Italic)
 * -------------------------------------------------------------
 */

@import url('https://fonts.cdnfonts.com/css/argentum-sans');
@import url('https://fonts.cdnfonts.com/css/clear-sans');

:root {
    --font-title: 'Argentum Sans', 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
    --font-body: 'Clear Sans', 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
    --font-sans: 'Clear Sans', 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
    --font-serif: 'Instrument Serif', Georgia, serif;
    --font-mono: 'Geist Mono', monospace;
}

/* Global Default Font Assignment */
html, body {
    font-family: var(--font-body) !important;
    font-weight: 500; /* Clear Sans Medium: Default Body copy */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* =============================================================
   ARGENTUM SANS (TITLES & HEADINGS)
   ============================================================= */

/* Argentum Sans Black (900): Highlights and titles / Hero headline */
.hero-title-text, .hero-headline, .hero-headline-ref, .font-black, .highlight-title {
    font-family: var(--font-title) !important;
    font-weight: 900 !important;
    letter-spacing: -0.03em;
}

/* Argentum Sans Extrabold (800): Titles */
h1, h2, .story-h2, .sec-head-dark h2, .section-title, .title-extrabold {
    font-family: var(--font-title) !important;
    font-weight: 800 !important;
    letter-spacing: -0.025em;
}

/* Argentum Sans Semibold (600): Page headers and section headers */
h3, .page-header, .section-header, .page-head-title, .sec-head-title, .story-badge, .badge-label, .section-eyebrow, .step-pill, .title-semibold {
    font-family: var(--font-title) !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em;
}

/* =============================================================
   CLEAR SANS (SUB-HEADERS, BODY & ADDITIONAL INFO)
   ============================================================= */

/* Clear Sans Bold (700): Sub-headers and lists / Navigation / Buttons */
h4, h5, h6, .sub-header, .val-card h3, .why-card h4, .step-card h4, 
ul, ol, li, .nav-link, .btn, .btn-cta-pill, .footer-btn-primary, 
.dropdown-item-title, .font-bold {
    font-family: var(--font-body) !important;
    font-weight: 700 !important;
}

/* Clear Sans Medium (500): Body copy */
p, .body-copy, .content-text, .story-body, .story-lead, .hero-sub, .lead-paragraph, .font-medium {
    font-family: var(--font-body) !important;
    font-weight: 500 !important;
}

/* Clear Sans Regular (400): Additional information */
.additional-info, .meta-info, .footnote, .stat-label-txt, .dropdown-item-sub, 
.footer-link-ul a, .contact-card-value, .caption, small, .font-regular {
    font-family: var(--font-body) !important;
    font-weight: 400 !important;
}

/* Clear Sans Light (300): *only for special production purposes */
.special-production, .text-light, .font-light {
    font-family: var(--font-body) !important;
    font-weight: 300 !important;
}

/* Clear Sans Thin (100): *only for illustrations, confirmation needed */
.special-illustration-thin, .text-thin, .font-thin {
    font-family: var(--font-body) !important;
    font-weight: 100 !important;
}

/* Clear Sans Bold Italic (700 Italic): *only for illustrations, confirmation needed */
.illustration-bold-italic {
    font-family: var(--font-body) !important;
    font-weight: 700 !important;
    font-style: italic !important;
}

/* Clear Sans Medium Italic (500 Italic): *only for illustration and highlights */
.illustration-highlight, em.clear-italic, i.clear-italic {
    font-family: var(--font-body) !important;
    font-weight: 500 !important;
    font-style: italic !important;
}

/* Clear Sans Italic (400 Italic): Additional information (Italic) */
.additional-info-italic, span.italic-info {
    font-family: var(--font-body) !important;
    font-weight: 400 !important;
    font-style: italic !important;
}

/* Instrument Serif Accent (Italic highlights like "yesBTL csapatával") */
em.serif-italic, .font-serif-italic {
    font-family: var(--font-serif) !important;
    font-weight: 400 !important;
    font-style: italic !important;
}

/* Geist Mono (Tags & Technical Labels) */
.font-mono-tag, span.mono-eyebrow {
    font-family: var(--font-mono) !important;
}