/* Arany arculat (2026-09-15 óta élesben). A honlap minden nem játékhoz tartozó színe ebből a tokenkészletből jön;
   a stíluslapokban máshol nyers szín nem állhat (site.test.mjs őrzi), az áttetsző változatok color-mix()-szel készülnek.
   Ez a fájl a tokenek EGYETLEN forrása: a főoldal (site.css előtt) és a leíró oldalak (pages.css előtt) is betöltik.
   Márka: --gold (kiemelés, bekapcsolt vagy kiválasztott állapot, fókusz), --pink (hover minden kattintható elemen,
   a logójel pontja), --violet-light (a márka lilájának, a #8955D8-nak az aranyéval azonos fényerejű világos
   árnyalata), --logo (a logójel gyűrűje és a cégnév). Szöveg: --paper (elsődleges), --text-soft (másodlagos a
   felületen), --text-faint (HUD- és összesítő-címkék), --muted (címkék, halvány ikonok), --error.
   Felület: --surface (lábléc, ablakok, összesítő sáv, súgó), --line és --line-faint (vékony vonalak).
   Az ég fölé kerülő fátylak, betűárnyékok és a lap háttere is a --surface-ből készülnek: a régi kékesfekete
   (--ink) 2026-09-16 óta sehol nem szerepel. Az égi szöveg előtűnő fénye --sky-glow és --sky-glow-core,
   a vetett árnyék --shadow. */
@font-face { font-family: 'Brand Manrope'; src: url('fonts/Manrope-Variable.woff2') format('woff2'); font-weight: 200 800; font-display: swap; }
:root {
  --gold: #D8B56D; --pink: #D95181; --violet-light: #C6ADEC; --logo: #FFFFFF;
  --paper: #F0ECE3; --text-soft: #C7C2B8; --muted: #948E83; --error: #EDBAA7;
  --text-faint: color-mix(in srgb, var(--paper) 66%, transparent);
  --surface: #0F0D0A;
  --line: color-mix(in srgb, var(--paper) 14%, transparent); --line-faint: color-mix(in srgb, var(--paper) 5%, transparent);
  --sky-glow: #D8DFFF; --sky-glow-core: #FFFAF0; --shadow: #000000;
  --modal-pad: 20px; --margin: clamp(24px,4.5vw,80px); --footer: 144px;
  /* A hero teteje; az Orákulum legfelső sora is ehhez igazodik (sky-chat.css `--sky-first-line`). */
  --hero-top: clamp(120px,13vh,176px);
  /* A hero áttűnésének EGYETLEN forrása. Hazatéréskor lassabb, mint eltűnéskor: a 0,5 s-os
     visszatérés a footer fölött vágásnak érződött. A görbe szimmetrikus — megfordítva ugyanaz
     az ív —, és a fátyol is pont ezt kapja: két különböző görbe (ease vs ease-in-out) a
     felezőpontot ~110 ms-mal tolta el, és ez látszott „a fátyol lemarad a szöveg mögött”-nek. */
  --hero-in: .9s; --hero-out: .5s; --hero-ease: ease-in-out;
}
