/* =========================================================
   Színtémák – a 2. változat („Éjszakai égbolt”) átszínezései

   Egy téma csak az alap.css színváltozóit írja felül; az oldal
   szerkezete, díszei és mozgása ugyanaz marad. Az áttetsző
   árnyalatok (vonalak, porcsillagok, keretek) color-mix()-szel
   ezekből a változókból számolódnak, ezért maguktól követik a témát.

   A változók szerepe (a nevük az eredeti témából maradt):
     --ejszaka, --ejszaka-2, --ejszaka-3   „sötét” szekciók háttere, kártyák, lábléc
     --gold                                kiemelőszín ezeken: címek, ikonok, vonalak, gomb
     --gold-soft                           szövegszín ezeken
     --pergamen, --vaj                     „világos” szekciók háttere, kiemelt ártétel
     --terra, --terra-deep, --terra-hover  vonalak, címek, gomb a világos szekciókban
     --ink, --ink-soft                     szövegszín a világos szekciókban
     --foto-szuro                          a portré tónusa
     --egbolt-kod                          halvány ködfátyol a csillagos háttér mögött
   A világos témákban (Hajnal, Holdfény) a „sötét” változók világos
   színt kapnak – a nevek ott szerepet jelölnek, nem árnyalatot.

   Használat élesben: a <html> elemre kerül a téma neve,
     <html lang="hu" data-tema="kozmosz">
   Téma nélkül az eredeti (antracit–arany) színek érvényesek.

   A második szelektor (:has(#tema-…:checked)) csak az oldal alján
   lévő színválasztóhoz kell; élesítéskor törölhető.

   Tartalom:
     1. Éjkék     – mélykék és pezsgőarany
     2. Kozmosz   – indigó–ibolya és levendula
     3. Alkonyat  – szilva és rózsaarany
     4. Hajnal    – világos: elefántcsont és terrakotta
     5. Holdfény  – világos: ezüstös kék és acélkék
   ========================================================= */

/* ---------- 3. Alkonyat ---------- */

:root {
  /*--ejszaka: #2B1D2B;*/
  --ejszaka: #2f2130;
  --ejszaka-2: #362535;
  --ejszaka-3: #211621;
  /*--gold: #E2AE92;*/
  --gold: #e7ba9b;
  --gold-soft: #F1DFD6;

  --pergamen: #F6ECE8;
  --vaj: #F1DCD2;
  --terra: #C27F73;
  --terra-deep: #8E4A55;
  --terra-hover: #733B45;
  --ink: #3E2A33;
  --ink-soft: #6E5560;

  --foto-szuro: sepia(.15) saturate(.95) contrast(1.03);
  --egbolt-kod: radial-gradient(ellipse 60% 55% at 90% 0%, rgb(190 110 120 / .22), transparent 70%);
}

/* ---------- 1. Éjkék ---------- */

:root[data-tema="ejkek"],
:root:has(#tema-ejkek:checked) {
  --ejszaka: #121A2F;
  --ejszaka-2: #1A2440;
  --ejszaka-3: #0D1324;
  --gold: #D9B878;
  --gold-soft: #E6E0D4;

  --pergamen: #F3EFE7;
  --vaj: #ECE3CF;
  --terra: #B39058;
  --terra-deep: #2C3E66;
  --terra-hover: #22314F;
  --ink: #262D3F;
  --ink-soft: #545C70;

  --foto-szuro: sepia(.12) saturate(.9) contrast(1.03);
  --egbolt-kod: radial-gradient(ellipse 70% 60% at 85% 10%, rgb(62 92 160 / .28), transparent 70%);
}

/* ---------- 2. Kozmosz ---------- */

:root[data-tema="kozmosz"],
:root:has(#tema-kozmosz:checked) {
  --ejszaka: #1C1737;
  --ejszaka-2: #251E47;
  --ejszaka-3: #140F29;
  --gold: #C7B8F2;
  --gold-soft: #E6E1F7;

  --pergamen: #F2EFF8;
  --vaj: #E7E1F4;
  --terra: #9383CF;
  --terra-deep: #4E3F94;
  --terra-hover: #3E3178;
  --ink: #2A2640;
  --ink-soft: #5A5474;

  --foto-szuro: saturate(.85) contrast(1.04);
  /* két ködfolt: ibolya jobbra fent, kék balra középen – egyik sem ér
     le a szekció aljáig, így nincs éles határ a következő szekciónál */
  --egbolt-kod:
    radial-gradient(ellipse 60% 55% at 82% 12%, rgb(128 92 214 / .30), transparent 70%),
    radial-gradient(ellipse 45% 45% at 6% 50%, rgb(64 96 200 / .22), transparent 70%);
}

/* ---------- 4. Hajnal (világos) ---------- */

:root[data-tema="hajnal"],
:root:has(#tema-hajnal:checked) {
  --ejszaka: #FBF7F0;
  --ejszaka-2: #F4ECDF;
  --ejszaka-3: #EFE5D6;
  --gold: #93533D;
  --gold-soft: #4A382E;

  --pergamen: #EFE3D3;
  --vaj: #F7EBD3;
  --terra: #B8795E;
  --terra-deep: #8E4F39;
  --terra-hover: #7A4533;
  --ink: #45352B;
  --ink-soft: #68513F;

  --egbolt-kod: radial-gradient(ellipse 60% 60% at 85% 5%, rgb(232 190 150 / .28), transparent 70%);
}

/* ---------- 5. Holdfény (világos) ---------- */

:root[data-tema="holdfeny"],
:root:has(#tema-holdfeny:checked) {
  --ejszaka: #F5F7FB;
  --ejszaka-2: #EAEFF7;
  --ejszaka-3: #E3E9F3;
  --gold: #34507F;
  --gold-soft: #2A3345;

  --pergamen: #E6ECF5;
  --vaj: #DCE5F2;
  --terra: #7C93BF;
  --terra-deep: #2F4775;
  --terra-hover: #243960;
  --ink: #26304A;
  --ink-soft: #505A74;

  --foto-szuro: saturate(.9) contrast(1.03);
  --egbolt-kod: radial-gradient(ellipse 60% 60% at 85% 5%, rgb(170 190 230 / .30), transparent 70%);
}