/* ============================================================
   Nagytarcsai AMI - szintervek (CSS-valtozok)
   Ezt a fajlt a publikus honlap ES az admin is betolti, hogy
   ugyanazt a szinvilagot hasznaljak. A valasztott palettat a
   <html data-palette="..."> attributum donti el.
   Uj paletta: ide egy uj :root[data-palette="..."] blokk, es
   fel kell venni a palettak() fuggvenybe az inc/tarolas.php-ban.

   2026-09-28: a 12 alternativ paletta ujratervezve, hogy jobban
   kulonbozzenek: mindnek sajat hattertonusa, telitett foszine es
   kontrasztos kiemelese van, es sotet modban is megtartja a sajat
   arnyalatat (a -d valtozok). Minden szoveg/hatter par legalabb
   4,5:1, a nagy kiemeles legalabb 3:1 - vilagosban ES sotetben.
   Ellenorzes: honlapkeszites skill, eszkozok/paletta-ellenor.php
   Az alapertelmezett (szorolap) paletta valtozatlan.

   Szerepek:
     paper        oldalhatter          honey-soft  valtakozo savok, kartyak
     honey        futoszalag, jelolo   line        keretek
     ink / head   szoveg / cimsor      muted/faint masodlagos szoveg
     navy         szamok, kartyacimek  navy-soft   kiemelt kartya hattere
     brass        kiemeles, keret      brass-deep  link, cimke szovege
     band-a/b     sotet sav szinatmenete, on-band a szovege
     cta-*        fo gomb              accent-*    kiemelt gomb a soten sávon
   ============================================================ */
  :root{
    --paper:#F3EFE7;
    --ink:#41505C;
    --head:#2E3A44;
    --muted:#6E7C87;
    --faint:#93A0AA;
    --brass:#A98545;
    --brass-deep:#7E6030;
    --honey:#E8E1D4;
    --honey-soft:#EEE9DE;
    --line:#DCD4C4;
    --shadow:0 10px 30px rgba(46,58,68,.12);
    --navy:#2E3A44;
    --navy-deep:#222C34;
    --navy-soft:#E2E7EB;
    --band-a:#222C34;
    --band-b:#41505C;
    --on-band:#F3EFE7;
    --on-band-muted:#B9C3CB;
    --cta-bg:#2E3A44;
    --cta-hover:#222C34;
    --on-cta:#F3EFE7;
    --accent-btn:#E7C87F;
    --accent-hover:#D9B76A;
    --on-accent:#1F262C;
    --logo-light:url('logo-vilagos.png');
    --logo-dark:url('logo-sotet.png');
    --logo:var(--logo-light);
    --fp-red:#C8362B;
  }

  /* ----- Királykék + narancs — hófehér alapon, élénk ----- */
  :root[data-palette="kek"]{
    --paper:#FFFFFF;--ink:#2B3445;--head:#0F1F4D;--muted:#4E5A70;--faint:#566277;
    --brass:#D9580B;--brass-deep:#A34200;--honey:#FFE7A0;--honey-soft:#EEF3FF;--line:#D3DCF2;
    --navy:#1D46C2;--navy-deep:#102C7A;--navy-soft:#E3EAFD;
    --band-a:#102C7A;--band-b:#1D46C2;--on-band:#FFFFFF;--on-band-muted:#D3DDFB;
    --cta-bg:#1D46C2;--cta-hover:#102C7A;--on-cta:#FFFFFF;
    --accent-btn:#FFC72C;--accent-hover:#FFB800;--on-accent:#101A3A;
    --shadow:0 10px 30px rgba(16,44,122,.14);
    --paper-d:#0D1428;--honey-d:#1B2750;--honey-soft-d:#121B36;--line-d:#27345E;--navy-soft-d:#1A2650;
    --band-a-d:#070D24;--band-b-d:#1A3080;
    --brass-d:#FF9447;--brass-deep-d:#FFB070;--cta-d:#9DB8FF;--cta-hover-d:#7EA0FF;--navy-d:#9DB8FF;--navy-deep-d:#BCD0FF;
  }
  /* ----- Kréta + tinta + piros — fekete-fehér, egyetlen piros ----- */
  :root[data-palette="kreta"]{
    --paper:#FFFFFF;--ink:#222222;--head:#000000;--muted:#555555;--faint:#5E5E5E;
    --brass:#E0261B;--brass-deep:#B31B11;--honey:#EDEDED;--honey-soft:#F4F4F4;--line:#D9D9D9;
    --navy:#000000;--navy-deep:#000000;--navy-soft:#F0F0F0;
    --band-a:#000000;--band-b:#2B2B2B;--on-band:#FFFFFF;--on-band-muted:#CFCFCF;
    --cta-bg:#000000;--cta-hover:#B31B11;--on-cta:#FFFFFF;
    --accent-btn:#E0261B;--accent-hover:#C21E14;--on-accent:#FFFFFF;
    --shadow:0 10px 30px rgba(0,0,0,.14);
    --paper-d:#0B0B0B;--honey-d:#222222;--honey-soft-d:#161616;--line-d:#333333;--navy-soft-d:#1E1E1E;
    --band-a-d:#000000;--band-b-d:#262626;
    --brass-d:#FF5A4E;--brass-deep-d:#FF8A80;--cta-d:#FFFFFF;--cta-hover-d:#E0E0E0;--navy-d:#FFFFFF;--navy-deep-d:#E6E6E6;
  }
  /* ----- Citromsárga + fekete — merész, plakátszerű ----- */
  :root[data-palette="mustar"]{
    --paper:#FFF4C7;--ink:#2A2618;--head:#14120B;--muted:#554E30;--faint:#5A5334;
    --brass:#8F6A00;--brass-deep:#6B4F00;--honey:#FFE27A;--honey-soft:#FFEBA0;--line:#E3CC72;
    --navy:#14120B;--navy-deep:#000000;--navy-soft:#FFE38A;
    --band-a:#14120B;--band-b:#3A3420;--on-band:#FFF4C7;--on-band-muted:#E8DDB0;
    --cta-bg:#14120B;--cta-hover:#3A3420;--on-cta:#FFE27A;
    --accent-btn:#FFD23F;--accent-hover:#F5C518;--on-accent:#14120B;
    --shadow:0 10px 30px rgba(20,18,11,.16);
    --paper-d:#17150C;--honey-d:#2E2A12;--honey-soft-d:#211E0F;--line-d:#403A1A;--navy-soft-d:#2C2812;
    --band-a-d:#0E0D07;--band-b-d:#3A3414;
    --brass-d:#F2C230;--brass-deep-d:#FFD95C;--cta-d:#FFD23F;--cta-hover-d:#F5C518;--navy-d:#FFE27A;--navy-deep-d:#FFEBA0;
  }
  /* ----- Zsálya + erdőzöld + lime ----- */
  :root[data-palette="zold"]{
    --paper:#EFF4E0;--ink:#26352A;--head:#123B22;--muted:#4A5E4F;--faint:#4F6354;
    --brass:#557F0E;--brass-deep:#3E5F08;--honey:#D5E89E;--honey-soft:#E0EAC6;--line:#C8D8AE;
    --navy:#1B5E35;--navy-deep:#0F3A21;--navy-soft:#D8EBD3;
    --band-a:#0F3A21;--band-b:#1F6B3C;--on-band:#F2F6EC;--on-band-muted:#CFE3C7;
    --cta-bg:#1B5E35;--cta-hover:#0F3A21;--on-cta:#FFFFFF;
    --accent-btn:#C6E64A;--accent-hover:#B5D932;--on-accent:#122A17;
    --shadow:0 10px 30px rgba(15,58,33,.14);
    --paper-d:#0F1A13;--honey-d:#1F321F;--honey-soft-d:#142118;--line-d:#2A3D2E;--navy-soft-d:#1A2E20;
    --band-a-d:#0A140D;--band-b-d:#174A2A;
    --brass-d:#A6D13A;--brass-deep-d:#C2E36B;--cta-d:#9FD9A8;--cta-hover-d:#7FCB8B;--navy-d:#8FD19F;--navy-deep-d:#B2E2BC;
  }
  /* ----- Menta + tengerészkék ----- */
  :root[data-palette="menta"]{
    --paper:#E4F7EA;--ink:#1F3340;--head:#0E2A45;--muted:#43596A;--faint:#485E6F;
    --brass:#0B8460;--brass-deep:#07684B;--honey:#B6EBCB;--honey-soft:#CFF0DA;--line:#AEDBBF;
    --navy:#0E2A45;--navy-deep:#0B2138;--navy-soft:#D3E6F2;
    --band-a:#0B2138;--band-b:#14476B;--on-band:#EAF7F1;--on-band-muted:#C2DCEA;
    --cta-bg:#0E2A45;--cta-hover:#14476B;--on-cta:#FFFFFF;
    --accent-btn:#3DDC97;--accent-hover:#2BC985;--on-accent:#0B2138;
    --shadow:0 10px 30px rgba(11,33,56,.14);
    --paper-d:#0D1C1A;--honey-d:#1A3A33;--honey-soft-d:#112621;--line-d:#234139;--navy-soft-d:#15303A;
    --band-a-d:#081716;--band-b-d:#104858;
    --brass-d:#3DDC97;--brass-deep-d:#7BEBB8;--cta-d:#8FD0F2;--cta-hover-d:#6BBEEA;--navy-d:#9CCBEA;--navy-deep-d:#BEDDF2;
  }
  /* ----- Óceán: petrol + korall ----- */
  :root[data-palette="petrol"]{
    --paper:#E3F0F7;--ink:#1D3838;--head:#073B3D;--muted:#3F5C5C;--faint:#445F5F;
    --brass:#C8431F;--brass-deep:#A23417;--honey:#FFD6C7;--honey-soft:#CFE4EF;--line:#AFD0DF;
    --navy:#0A6466;--navy-deep:#05393B;--navy-soft:#C6E2E6;
    --band-a:#05393B;--band-b:#0A6466;--on-band:#FFFFFF;--on-band-muted:#C4E6E4;
    --cta-bg:#0A6466;--cta-hover:#05393B;--on-cta:#FFFFFF;
    --accent-btn:#FF7A59;--accent-hover:#FF6440;--on-accent:#1C1210;
    --shadow:0 10px 30px rgba(5,57,59,.14);
    --paper-d:#0A1C1D;--honey-d:#173A39;--honey-soft-d:#0F2627;--line-d:#1F4344;--navy-soft-d:#123436;
    --band-a-d:#061516;--band-b-d:#0A5254;--on-band-muted-d:#C4E6E4;
    --brass-d:#FF8466;--brass-deep-d:#FFA58E;--cta-d:#6FD6D2;--cta-hover-d:#4CC7C2;--navy-d:#6FD6D2;--navy-deep-d:#9AE3E0;
  }
  /* ----- Levendula + szilva + pink ----- */
  :root[data-palette="szilva"]{
    --paper:#F4EFFB;--ink:#33264A;--head:#2A1245;--muted:#5A4B70;--faint:#5E4F74;
    --brass:#B81F71;--brass-deep:#961A5C;--honey:#F9D7EA;--honey-soft:#EAE0F7;--line:#D6C8EC;
    --navy:#4A1F7A;--navy-deep:#2A1245;--navy-soft:#E2D5F5;
    --band-a:#2A1245;--band-b:#5B2A93;--on-band:#FFFFFF;--on-band-muted:#DCCBF2;
    --cta-bg:#4A1F7A;--cta-hover:#2A1245;--on-cta:#FFFFFF;
    --accent-btn:#FF6FB5;--accent-hover:#FF4FA3;--on-accent:#2A1245;
    --shadow:0 10px 30px rgba(42,18,69,.15);
    --paper-d:#160F22;--honey-d:#2E2044;--honey-soft-d:#1E152E;--line-d:#372A4E;--navy-soft-d:#261A3D;
    --band-a-d:#0F0A1A;--band-b-d:#43216F;
    --brass-d:#FF6FB5;--brass-deep-d:#FF9CCB;--cta-d:#C9A8F2;--cta-hover-d:#B48DEB;--navy-d:#C9A8F2;--navy-deep-d:#DCC6F7;
  }
  /* ----- Rózsaszín + bordó + arany ----- */
  :root[data-palette="bordo"]{
    --paper:#FCE9EF;--ink:#3F2228;--head:#5A0E24;--muted:#6B4A52;--faint:#6E4C55;
    --brass:#B8325A;--brass-deep:#9A1D42;--honey:#F6C6D4;--honey-soft:#F8D9E3;--line:#EABCCB;
    --navy:#7A1631;--navy-deep:#4E0A1E;--navy-soft:#F5D7DF;
    --band-a:#4E0A1E;--band-b:#8C1D3C;--on-band:#FFFFFF;--on-band-muted:#F2C9D4;
    --cta-bg:#7A1631;--cta-hover:#4E0A1E;--on-cta:#FFFFFF;
    --accent-btn:#F2C14E;--accent-hover:#E8B232;--on-accent:#3A0716;
    --shadow:0 10px 30px rgba(78,10,30,.14);
    --paper-d:#1C0F13;--honey-d:#3A1C24;--honey-soft-d:#27141A;--line-d:#45252D;--navy-soft-d:#351A22;
    --band-a-d:#12060A;--band-b-d:#65152D;
    --brass-d:#FF7A9C;--brass-deep-d:#FFA3BA;--cta-d:#F5A3B8;--cta-hover-d:#EF859F;--navy-d:#F5A3B8;--navy-deep-d:#F9C3D1;
  }
  /* ----- Barack + terrakotta + türkiz ----- */
  :root[data-palette="terra"]{
    --paper:#FFE9D8;--ink:#3D2A20;--head:#7A2A10;--muted:#6A4D3E;--faint:#6D4F40;
    --brass:#0B7F79;--brass-deep:#0A6661;--honey:#FFCBA4;--honey-soft:#FDD9C0;--line:#EEC2A1;
    --navy:#A63D1B;--navy-deep:#7A2A10;--navy-soft:#FBD9C6;
    --band-a:#7A2A10;--band-b:#A8411D;--on-band:#FFFFFF;--on-band-muted:#FFE0CF;
    --cta-bg:#A63D1B;--cta-hover:#7A2A10;--on-cta:#FFFFFF;
    --accent-btn:#3CC7BD;--accent-hover:#2BB5AB;--on-accent:#0E2B29;
    --shadow:0 10px 30px rgba(122,42,16,.14);
    --paper-d:#1E120C;--honey-d:#3C2518;--honey-soft-d:#2A1911;--line-d:#4A2E20;--navy-soft-d:#3A2016;
    --band-a-d:#140B07;--band-b-d:#7A2C12;
    --brass-d:#3CC7BD;--brass-deep-d:#6FDCD4;--cta-d:#F2A07F;--cta-hover-d:#EC8660;--navy-d:#F2A07F;--navy-deep-d:#F7BFA7;
  }
  /* ----- Homok + indigó + narancs ----- */
  :root[data-palette="homok"]{
    --paper:#F4E4C4;--ink:#2E2A3D;--head:#1F1D5C;--muted:#57506A;--faint:#5A536C;
    --brass:#B04F0C;--brass-deep:#8A3D08;--honey:#EACB91;--honey-soft:#EDD8AE;--line:#D9BF8E;
    --navy:#2E2A8C;--navy-deep:#1A1854;--navy-soft:#E2DDF0;
    --band-a:#1A1854;--band-b:#3A35A8;--on-band:#FFFFFF;--on-band-muted:#D6D3F2;
    --cta-bg:#2E2A8C;--cta-hover:#1A1854;--on-cta:#FFFFFF;
    --accent-btn:#FF9A3C;--accent-hover:#FF8A1F;--on-accent:#1A1854;
    --shadow:0 10px 30px rgba(26,24,84,.14);
    --paper-d:#15131F;--honey-d:#2A2740;--honey-soft-d:#1D1A2C;--line-d:#353150;--navy-soft-d:#232046;
    --band-a-d:#0E0C26;--band-b-d:#2F2B8F;
    --brass-d:#FF9A3C;--brass-deep-d:#FFB877;--cta-d:#B3AEFF;--cta-hover-d:#9A94FF;--navy-d:#B3AEFF;--navy-deep-d:#CDC9FF;
  }
  /* ----- Koncertfekete + karmin — végig sötét alapon ----- */
  :root[data-palette="bor"]{
    --paper:#121012;--ink:#D8D0D3;--head:#FFFFFF;--muted:#B0A5AA;--faint:#A89CA2;
    --brass:#F0445E;--brass-deep:#FF8597;--honey:#2E2126;--honey-soft:#1C1719;--line:#3A2D32;
    --navy:#FF8597;--navy-deep:#FFA8B5;--navy-soft:#2B1C21;
    --band-a:#0A0809;--band-b:#6A1022;--on-band:#FFFFFF;--on-band-muted:#E5C4CB;
    --cta-bg:#F0445E;--cta-hover:#FF5C73;--on-cta:#120A0C;
    --accent-btn:#F0445E;--accent-hover:#FF5C73;--on-accent:#120A0C;
    --shadow:0 10px 30px rgba(0,0,0,.5);
    --logo:var(--logo-dark);
    /* sötét módban ugyanez marad */
    --paper-d:#121012;--ink-d:#D8D0D3;--head-d:#FFFFFF;--muted-d:#B0A5AA;--faint-d:#A89CA2;
    --honey-d:#2E2126;--honey-soft-d:#1C1719;--line-d:#3A2D32;--navy-soft-d:#2B1C21;
    --band-a-d:#0A0809;--band-b-d:#6A1022;--on-band-muted-d:#E5C4CB;
    --brass-d:#F0445E;--brass-deep-d:#FF8597;--cta-d:#F0445E;--cta-hover-d:#FF5C73;--on-cta-d:#120A0C;
    --navy-d:#FF8597;--navy-deep-d:#FFA8B5;
  }
  /* ----- Éjkék + arany — végig sötét alapon ----- */
  :root[data-palette="ej"]{
    --paper:#0E1A2E;--ink:#C9D4E3;--head:#F4F7FB;--muted:#9DAABD;--faint:#98A6B9;
    --brass:#E8B94A;--brass-deep:#F2CC73;--honey:#1C2D46;--honey-soft:#132238;--line:#2A3A55;
    --navy:#9CC2F0;--navy-deep:#BAD4F4;--navy-soft:#1B2C47;
    --band-a:#081120;--band-b:#1E3A66;--on-band:#F4F7FB;--on-band-muted:#B4C3D8;
    --cta-bg:#E8B94A;--cta-hover:#D6A53A;--on-cta:#0E1A2E;
    --accent-btn:#E8B94A;--accent-hover:#D6A53A;--on-accent:#0E1A2E;
    --shadow:0 10px 30px rgba(0,0,0,.45);
    --logo:var(--logo-dark);
    --paper-d:#0E1A2E;--ink-d:#C9D4E3;--head-d:#F4F7FB;--muted-d:#9DAABD;--faint-d:#98A6B9;
    --honey-d:#1C2D46;--honey-soft-d:#132238;--line-d:#2A3A55;--navy-soft-d:#1B2C47;
    --band-a-d:#081120;--band-b-d:#1E3A66;--on-band-muted-d:#B4C3D8;
    --brass-d:#E8B94A;--brass-deep-d:#F2CC73;--cta-d:#E8B94A;--cta-hover-d:#D6A53A;--on-cta-d:#0E1A2E;
    --navy-d:#9CC2F0;--navy-deep-d:#BAD4F4;
  }

  /* ============================================================
     SOTET MOD

     Ez a resz a fajl VEGEN all, es ez nem stiluskerdes: a paletta-
     blokkok (:root[data-palette="..."]) azonos specifikussaguak,
     ezert a kesobbi nyer. Amig a sotet blokk elol volt, minden
     valasztott paletta kikapcsolta a sotet modot - csak az
     alapertelmezett szinnel mukodott.

     Ket kapu van ra:
       1. a latogato rendszerbeallitasa (prefers-color-scheme),
          kiveve ha kifejezetten vilagosat valasztott;
       2. a lap tetejen levo kapcsolo (data-theme="dark").

     Minden ertek var(--x-d, alap): ha a paletta ad sajat sotet
     arnyalatot (fent, a -d valtozok), az all be, kulonben a semleges
     alapertek. Igy a sotet mod is palettankent mas.
     ============================================================ */

  @media (prefers-color-scheme: dark){
    :root:not([data-theme="light"]){
    --paper:var(--paper-d,#191F26);
    --ink:var(--ink-d,#CBD4DB);
    --head:var(--head-d,#EAF0F4);
    --muted:var(--muted-d,#A3AFB9);
    --faint:var(--faint-d,#97A3AD);
    --honey:var(--honey-d,#232B33);
    --honey-soft:var(--honey-soft-d,#1E252C);
    --line:var(--line-d,#333E48);
    --shadow:0 10px 30px rgba(0,0,0,.40);
    --navy-soft:var(--navy-soft-d,#26303A);
    --band-a:var(--band-a-d,#131920);
    --band-b:var(--band-b-d,#2E3A44);
    --on-band:#EAF0F4;
    --on-band-muted:var(--on-band-muted-d,#A9B6C0);
    --on-cta:var(--on-cta-d,#1A2027);
    --logo:var(--logo-dark);
    --fp-red:#E85B4A;
    /* A valasztott paletta sajat akcentusa, sotet hatterre vilagositva.
       Ha egy paletta nem ad meg -d valtozatot, a reztonusu alapertek all be. */
    --brass:var(--brass-d,#C9A45E);
    --brass-deep:var(--brass-deep-d,#E7C87F);
    --cta-bg:var(--cta-d,#E7C87F);
    --cta-hover:var(--cta-hover-d,#D9B76A);
    --navy:var(--navy-d,#9DB6C7);
    --navy-deep:var(--navy-deep-d,#B9CBD8);    }
  }
  :root[data-theme="dark"]{
    --paper:var(--paper-d,#191F26);
    --ink:var(--ink-d,#CBD4DB);
    --head:var(--head-d,#EAF0F4);
    --muted:var(--muted-d,#A3AFB9);
    --faint:var(--faint-d,#97A3AD);
    --honey:var(--honey-d,#232B33);
    --honey-soft:var(--honey-soft-d,#1E252C);
    --line:var(--line-d,#333E48);
    --shadow:0 10px 30px rgba(0,0,0,.40);
    --navy-soft:var(--navy-soft-d,#26303A);
    --band-a:var(--band-a-d,#131920);
    --band-b:var(--band-b-d,#2E3A44);
    --on-band:#EAF0F4;
    --on-band-muted:var(--on-band-muted-d,#A9B6C0);
    --on-cta:var(--on-cta-d,#1A2027);
    --logo:var(--logo-dark);
    --fp-red:#E85B4A;
    /* A valasztott paletta sajat akcentusa, sotet hatterre vilagositva.
       Ha egy paletta nem ad meg -d valtozatot, a reztonusu alapertek all be. */
    --brass:var(--brass-d,#C9A45E);
    --brass-deep:var(--brass-deep-d,#E7C87F);
    --cta-bg:var(--cta-d,#E7C87F);
    --cta-hover:var(--cta-hover-d,#D9B76A);
    --navy:var(--navy-d,#9DB6C7);
    --navy-deep:var(--navy-deep-d,#B9CBD8);  }