/* ============================================================
   DESIGN TOKENS — Jungvirth CV
   ------------------------------------------------------------
   A teljes vizuális rendszer egyetlen forrása: szín, tipográfia,
   térköz, vonalak, oldalméret. Minden szekció-stíluslap KIZÁRÓLAG
   ezekre a változókra hivatkozik — közvetlen érték (hex, pt, px)
   csak indokolt, lokális esetben szerepel.
   A rendszer: 1 fontcsalád · 3 súly · 6 méret · 4 fő szín ·
   1 spacing-skála.
   ============================================================ */

/* ============================================================
   BETŰTÍPUS — lokális, STATIKUS Montserrat (WOFF2)
   ------------------------------------------------------------
   FONTOS: korábban a Montserrat a Google Fonts css2 API-ról töltött be,
   ami a modern böngészőknek VARIÁBILIS fontot ad (egyetlen wght-tengelyes
   fájl). A Chrome a variábilis fontot nyomtatáskor/PDF-be Type 3 (raszteres)
   glyphekként ágyazza be → a PDF 100%-on elmosódott, csak nagyításra tisztul.
   A lokális STATIKUS súlyok (külön fájl 400/600/700 + 400 italic) valódi
   vektoros (TrueType) fontként kerülnek a PDF-be: éles minden zoom-szinten.
   Mellékhaszon: nincs külső (Google) kérés betöltéskor — gyorsabb, GDPR-barát,
   offline is működik. A fájlok: cv/assets/fonts/montserrat-*.woff2
   ============================================================ */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../../assets/fonts/montserrat-400.woff2') format('woff2');
}
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../../assets/fonts/montserrat-600.woff2') format('woff2');
}
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../../assets/fonts/montserrat-700.woff2') format('woff2');
}
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('../../assets/fonts/montserrat-400i.woff2') format('woff2');
}

:root {

    /* === SZÍN ===
       4 fő szín + fehér/háttér. A *-line, *-surface, *-on-navy
       segéd-színek finom rácsokhoz és navy felületekhez kellenek. */
    --color-navy:    #0A2342;   /* elsődleges: név, szekciócímek, H3 */
    --color-gold:    #C9952E;   /* kiemelés: aláhúzás, KPI-szám, bullet, tagline, elválasztók */
    --color-ink:     #2E3A4A;   /* törzsszöveg */
    --color-grey:    #6E7681;   /* másodlagos szöveg: dátum, meta */
    --color-white:   #FFFFFF;
    --color-bg:      #FFFFFF;    /* lap háttere */

    --color-gold-line: var(--color-gold);   /* alias: arany vonalakhoz */
    --color-line:      #DDE2E8;   /* halvány szürke elválasztó (finom rács) */
    --color-page-bg:   #e7e8ea;   /* a lap körüli háttér — CSAK képernyőn */
    --color-surface:     #F4F6F9; /* világos kártya-háttér (fókusz-dobozok) */
    --color-surface-alt: #E8EDF3; /* kör-ikon háttér */
    --color-on-navy:     #C8D0DC; /* halvány szöveg navy felületen */

    /* === BANNER GRADIENSEK ===
       A hero-sáv és a portré-háttér finom átmenetei. */
    --gradient-banner:    linear-gradient(180deg, #ffffff 0%, #f6f7f9 100%);
    --gradient-photo-bg:  linear-gradient(118deg, #e6e9ee 0%, #ced2da 55%, #b4bac4 100%);

    /* === TIPOGRÁFIA === */
    --font-family-primary: 'Montserrat', system-ui, sans-serif;

    /* 6 fontméret. A spec arányait megtartva, kompakt szinten, hogy a
       tartalom pontosan 2 A4-oldalra férjen. */
    --fs-h1:    30pt;    /* a NÉV a hero-ban */
    --fs-h2:    15pt;    /* fő szekciócím */
    --fs-h3:    11pt;    /* pozíció / kártyacím */
    --fs-h4:    9pt;     /* alcím / tagline / fejléc-felirat */
    --fs-body:  7.5pt;   /* törzsszöveg (alapértelmezett) */
    --fs-small: 7pt;     /* dátum, kontakt, meta */

    /* 3 betűsúly */
    --fw-regular:  400;
    --fw-semibold: 600;
    --fw-bold:     700;

    /* sortávok */
    --lh-h1:   1.1;
    --lh-h2:   1.1;
    --lh-h3:   1.2;
    --lh-body: 1.35;

    /* === SPACING (egységes 4px-skála) === */
    --sp-xs:  4px;
    --sp-sm:  8px;
    --sp-md:  16px;
    --sp-lg:  24px;
    --sp-xl:  32px;
    --sp-xxl: 48px;

    /* === TIMELINE (2. oldal, karrierút) ===
       Háromoszlopos rács: [dátum] [vonal+pötty sáv] [tartalom]. */
    --career-date-w: 22mm;   /* bal dátum-oszlop — „2023 – jelenleg” egy sorban elfér */
    --career-rail:   5mm;    /* a függőleges vonal + pötty sáv szélessége (szűk rés) */

    /* === SZEKCIÓ-ALÁHÚZÁS (arany vonal a címek alatt) === */
    --rule-color: var(--color-gold);
    --rule-thick: 2px;
    --rule-len:   11mm;   /* = a QR melletti függőleges vonal magassága */
    --head-icon-size: 8.8mm;   /* a fejléc kör-ikon átmérője; a cím + aláhúzás ehhez igazodik */

    /* === HAJSZÁLVONAL ===
       Webes (zoom alatti) alapérték px-ben. A TÉNYLEGES print-vastagságot
       a print.css @media print blokkja írja felül fizikai mm-re, mert a
       px-et a PDF-renderelő egész eszközpixelre kerekítené (vastagodás). */
    --hairline:   1px;

    /* === OLDAL === */
    --page-margin: 8mm;
    --content-width: 194mm;

    /* a három navy sáv (KPI, kontakt, végzettség) közös magassága,
       hogy pontosan egyformák legyenek */
    --band-height: 26mm;

    /* === WEBES NAGYÍTÁS (csak képernyőn; print: zoom 1) === */
    --screen-zoom: 1.5;
}