/* =============================================================================
 * Zöld Küldetés — a KÖZÖS arculati réteg: betűtípus és design tokenek.
 *
 * MIÉRT KÜLÖN FÁJL: 2026-10-22-ig ezek a landing.css-ben éltek, és a játék-app
 * (style.css) egy teljesen másik rendszert vitt (Bricolage + Figtree, krém
 * alapon). Adam döntése után (TG 8531: „az új design kellene mindenhol") a
 * kettő egy arculatra megy, és akkor a tokeneknek EGY helyen kell élniük —
 * különben a kezdőlap és az app megint elcsúszik egymástól, csak most lassan
 * és csendben. Mindkét oldal ezt a fájlt tölti be elsőként.
 *
 * FORRÁS: Adam Claude Design terve (design-ref/Kezdőlap.dc.html és
 * Játékok.dc.html). Az értékek onnan jönnek, nem becslésből.
 *
 * A BETŰ HELYBEN VAN. A terv a Google Fonts CDN-jéről hivatkozza a Lexendet;
 * mi nem: az minden letöltésnél a játékos IP-címét továbbítaná egy harmadik
 * félnek, és ez egy 10-18 éveseknek szóló oldal. Ugyanezért nincs Material
 * Symbols ikonfont sem: a glyphek inline SVG path-ként utaznak.
 * ========================================================================== */

/* ---------- Lexend, helyben. ------------------------------------------------
 * A repo minden betűtípust helyben szolgál ki (lásd style.css): nincs külső
 * kérés, tehát nincs harmadik félhez menő adat. Egy 10-18 éveseknek szóló
 * oldalon ez nem stílus-kérdés. A fájlok az @fontsource/lexend csomagból
 * jöttek (OFL licenc), a latin/latin-ext vágás a Google Fonts bontását követi.
 * -------------------------------------------------------------------------- */
@font-face {
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/lexend-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: 'Lexend';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/lexend-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: 'Lexend';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/lexend-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: 'Lexend';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/lexend-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;
}
@font-face {
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/lexend-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: 'Lexend';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/lexend-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;
}
@font-face {
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/lexend-700-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: 'Lexend';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/lexend-700-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: 'Lexend';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../fonts/lexend-800-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: 'Lexend';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../fonts/lexend-800-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;
}

/* ---------- Tokenek (a terv token-rendszere, 1:1) ---------- */
:root {
  --zk-green: #1F4D35;        /* bázis / hero háttér */
  --zk-green-card: #173B29;   /* sötétebb kártya */
  --zk-green-card-h: #123222; /* ugyanaz hoverben */
  --zk-line: #356C4F;         /* keret sötéten */
  --zk-line-2: #4F8466;       /* halványabb keret / eyebrow krémen */
  --zk-accent: #F39A3D;       /* narancs CTA */
  --zk-accent-h: #F7AE5E;
  --zk-ink: #1B2A22;          /* tinta (narancson is ez a szöveg) */
  --zk-body: #CFE6D4;         /* body szöveg sötéten */
  --zk-eyebrow: #9FD07A;      /* eyebrow / kiemelés sötéten */
  --zk-cream: #F7F3EA;        /* krém szekció */
  --zk-cream-line: #E6DFD0;
  --zk-muted: #3A4A40;
  --zk-muted-2: #4A5A50;
  --zk-muted-3: #5A6B60;
  --zk-suni-ring: #62B22F;
  --zk-max: 1280px;
  --zk-pad: 48px;
}