/* ===========================================================================
   BETU-RENDSZER. Theo, 2026-09-13, a `pear.no` MERT aranyai szerint.

   HAROM KESZLET, HAROM SZEREP -- ez a referencia ereje, nem a keszletek szama:
     display ..... Fraunces (serif). A pear.no Flecha L/M/S harmasanak szerepe.
     folyoszoveg . Inter (semleges grotesk). A GT Standard L szerepe.
     cimke ....... JetBrains Mono, KIZAROLAG apro, nagybetus cimkere.

   LICENC, mind a haromra: SIL Open Font License 1.1. Fizetos fajl: 0.
   A `pear.no` sajat betui fizetos licencuek -- azokbol EGYETLEN BAJT sem jott
   at, csak a SZERKEZET, plusz a mert aranyok.

   HONNAN: mind a harom MAR A REPOBAN allt, letoltes nelkul:
     Fraunces, Inter ....... web/inwest-inflacio/betuk/
     JetBrains Mono ........ services/kreo-uj/betuk/
   Kifele meno betu-keres: 0. A `unicode-range` miatt a bongeszo csak azt a
   szeletet tolti le, amire tenylegesen szukseg van.

   EGY ELTERES A BRIEFTOL, kimondva: a brief 300-as sulyu display-t kert. A
   repoban allo Fraunces 400, plusz 600 sulyban all -- 300 nincs, tehat a
   display 400-on. A SULY tehat rogzitett, az OPTIKAI MERET (`opsz`) viszont
   valtozo: ezt kulon megmertem (betu-tengely-proba.cjs), lasd lent.
   =========================================================================== */

/* --- DISPLAY: Fraunces --- */
@font-face{
  font-family:'Fraunces'; font-style:normal; font-weight:400; font-display:swap;
  src:url('betuk/fraunces-400-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,
                U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,
                U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Fraunces'; font-style:normal; font-weight:400; font-display:swap;
  src:url('betuk/fraunces-400-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,
                U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,
                U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Fraunces'; font-style:normal; font-weight:600; font-display:swap;
  src:url('betuk/fraunces-600-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,
                U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,
                U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Fraunces'; font-style:normal; font-weight:600; font-display:swap;
  src:url('betuk/fraunces-600-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,
                U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,
                U+2212,U+2215,U+FEFF,U+FFFD;
}

/* --- FOLYOSZOVEG: Inter --- */
@font-face{
  font-family:'Inter'; font-style:normal; font-weight:400; font-display:swap;
  src:url('betuk/inter-400-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,
                U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,
                U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Inter'; font-style:normal; font-weight:400; font-display:swap;
  src:url('betuk/inter-400-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,
                U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,
                U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Inter'; font-style:normal; font-weight:500; font-display:swap;
  src:url('betuk/inter-500-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,
                U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,
                U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Inter'; font-style:normal; font-weight:500; font-display:swap;
  src:url('betuk/inter-500-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,
                U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,
                U+2212,U+2215,U+FEFF,U+FFFD;
}

/* --- CIMKE: JetBrains Mono --- */
@font-face{
  font-family:'JetBrains Mono'; font-style:normal; font-weight:400; font-display:swap;
  src:url('betuk/jetbrains-mono-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,
                U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,
                U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'JetBrains Mono'; font-style:normal; font-weight:400; font-display:swap;
  src:url('betuk/jetbrains-mono-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,
                U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,
                U+2212,U+2215,U+FEFF,U+FFFD;
}

/* ===========================================================================
   A SKALA. A szamok a MERT referenciabol jonnek, nem izlesbol.

     display ..... 8,5 vw (a sav 8-10), sorkoz 0,92 (0,88-1,04),
                   betukoz -0,020 em  <- NEGATIV, ez adja az osszehuzast
     alcim ....... 3,2 vw (3,0-3,4), sorkoz 1,10, betukoz -0,020 em
     folyoszoveg . 16 px, sorkoz 1,25, betukoz normal
     cimke ....... 11 px, NAGYBETUS, betukoz +0,18 em  <- POZITIV
   =========================================================================== */
:root{
  --betu-display: 'Fraunces', Georgia, serif;
  --betu-szoveg:  'Inter', system-ui, sans-serif;
  --betu-cimke:   'JetBrains Mono', ui-monospace, monospace;

  /* A referencia MELEG szinei, a mai hideg kek-fekete helyett. */
  --hatter: rgb(11,10,9);
  --szoveg: rgb(255,250,234);
  --halvany: rgb(176,168,150);
  --kiemel: rgb(201,138,58);
}

.tipo-display{
  font-family:var(--betu-display);
  font-weight:400;
  font-size:clamp(30px, 8.5vw, 132px);
  line-height:0.92;
  letter-spacing:-0.020em;
  color:var(--szoveg);
}
.tipo-alcim{
  font-family:var(--betu-display);
  font-weight:600;
  font-size:clamp(21px, 3.2vw, 47px);
  line-height:1.10;
  letter-spacing:-0.020em;
  color:var(--szoveg);
}
.tipo-szoveg{
  font-family:var(--betu-szoveg);
  font-weight:400;
  font-size:16px;
  line-height:1.25;
  letter-spacing:normal;
  color:var(--szoveg);
}
.tipo-cimke{
  font-family:var(--betu-cimke);
  font-weight:400;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:0.18em;
  color:var(--kiemel);
}

/* ===========================================================================
   KORSZAK-HANGOLAS, EGY BETUFAJLBOL, VALODI TENGELYEN.
   =========================================================================== */
/* MERVE (betu-tengely-proba.cjs), nem feltetelezve: ugyanaz a szoveg,
   `opsz 144`-gyel 516 keppont szeles, beallitas nelkul 554. A KULONBSEG
   38 keppont, tehat a tengely VALODI, plusz HAT.
   A `WONK`, plusz a `SOFT` UGYANEZEN a probán 554-et adott, tehat azok
   NEM leteznek ebben a peldanyban -- a bongeszo csendben elnyeli oket.
   Ezert a korszak-hangolas az `opsz`-on megy, nem a WONK/SOFT parosan.

   AZ IRANY: a nagy optikai meret (144) a klasszikus, eros kontrasztu
   betukep -- ez all az 1800-as korszakhoz. Korszakrol korszakra lefele
   megyunk a semlegesebb, „szoveg-meretu" rajzolat fele (14). */
.kor-1 h2, .kor-1 .tipo-alcim{ font-variation-settings:'opsz' 144; font-weight:600; letter-spacing:-0.005em; line-height:1.16; }
.kor-2 h2, .kor-2 .tipo-alcim{ font-variation-settings:'opsz'  96; font-weight:600; letter-spacing:-0.014em; line-height:1.12; }
.kor-3 h2, .kor-3 .tipo-alcim{ font-variation-settings:'opsz'  48; font-weight:400; letter-spacing:-0.022em; line-height:1.08; }
.kor-4 h2, .kor-4 .tipo-alcim{ font-variation-settings:'opsz'  14; font-weight:400; letter-spacing:-0.032em; line-height:1.04; }

/* A nyito, plusz a zaro display-mondat a legnagyobb optikai mereten all:
   ott a legnagyobb a betu, tehat oda a legkontrasztosabb rajzolat valo. */
.nyito p, .zaro p, .tipo-display{ font-variation-settings:'opsz' 144; }