/* ============================================================
   Nayli — design tokenek
   ------------------------------------------------------------
   SZABÁLY: komponensben SOHA nincs hardkódolt szín. Csak var(--...).
   A tools/lint-tenant-scope.php ezt ellenőrzi.

   A témák CSAK a hangulati rétegen dolgoznak (háttér, felület,
   akcentus). A szöveg/háttér kontrasztarányt a --text-* tokenek
   rögzítik, és minden témában el kell érniük a WCAG AA 4.5:1-et.
   Egy szalonban napfényben is olvashatónak kell lennie.
   ============================================================ */

:root {
  /* Méretezés — mobilra */
  --tap-min: 48px;              /* minimális érintőfelület (hosszú műköröm!) */
  /*
   * Egy 15 perces sáv magassága a napi nézetben.
   *
   * TUDATOSAN 48 PX ALATT (CLAUDE.md 5., kivétel): a magasság itt maga az
   * információ — az arányos időskála. 48 px-es cellával egy nyolcórás nap
   * 1600 px-es görgetés lenne, a láthatatlanul kiterjesztett érintőzóna
   * pedig átfedne a szomszédos sávval, és a körmös a rossz időpontot
   * találná el.
   */
  --slot-height: 22px;
  --radius: 12px;
  --radius-sm: 8px;
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px;
  --space-4: 16px; --space-5: 24px; --space-6: 32px;

  --font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  /* A torzsszoveg vastagsaga. A valasztott betutipus felulirhatja:
     egy vekony vonalvezetesu serif 400-on halvany marad. (#2 issue, 4.) */
  --font-weight: 400;
  --fs-xs: 12px; --fs-sm: 14px; --fs-md: 16px; --fs-lg: 20px;
  --fs-xl: 28px; --fs-2xl: 40px;   /* --fs-2xl: a napi összegző nagy száma */

  /* Állapotszínek — témafüggetlenek, mert jelentést hordoznak */
  --ok:      #1a7f50;
  /* Olvashato szoveg az --ok hatteren (kontraszt 4.6:1). Temafuggetlen,
     mert maga az --ok is az. */
  --ok-text: #ffffff;
  /* Az --ok sotet vege a gomb szinatmenetehez (lasd --accent-2). Feher
     betuvel 7.9:1 -- a gradiens sehol nem megy az --ok ala. */
  --ok-2:    #135d3a;
  --warn:    #b26a00;
  --danger:  #b3261e;
  --info:    #1e5fbf;
}

/* ---------- világos (alapértelmezett) ---------- */
[data-theme="light"], :root {
  --bg:            #ffffff;
  --surface:       #f7f7f9;
  --surface-2:     #eeeef2;
  --border:        #dcdce3;
  --text:          #1a1a1f;   /* kontraszt a --bg-en: 15.8:1 */
  --text-muted:    #5c5c68;   /* 6.4:1 */
  --accent:        #2d6cdf;
  --accent-2:      #214fa3;   /* a gomb-gradiens sötét vége — fehér betűvel 7.7:1 */
  --accent-text:   #ffffff;
  --closed:        #f0f0f3;   /* nyitvatartáson kívüli sáv */
}

/* ---------- sötét ---------- */
[data-theme="dark"] {
  --bg:            #14141a;
  --surface:       #1e1e26;
  --surface-2:     #2a2a34;
  --border:        #383844;
  --text:          #f2f2f5;
  --text-muted:    #a8a8b6;
  --accent:        #6d9dff;
  /*
   * A SOTET TEMA GRADIENSE VILAGOSODIK, nem sotetedik: itt az --accent-text
   * majdnem fekete (#10121a), tehat a sotetitessel pont a betu tunne el.
   * Az --accent-2 ezert mindenutt "a masik veg", nem "a sotetebb". 8.9:1.
   */
  --accent-2:      #8db3ff;
  --accent-text:   #10121a;
  --closed:        #1a1a21;
}

/* ---------- kék árnyalatos ---------- */
[data-theme="kek"] {
  --bg:            #f4f8fd;
  --surface:       #ffffff;
  --surface-2:     #e3edfa;
  --border:        #c6dbf2;
  --text:          #10243d;
  --text-muted:    #4a6580;
  --accent:        #1f6fc4;
  --accent-2:      #17518f;   /* 8.1:1 */
  --accent-text:   #ffffff;
  --closed:        #e9f0f8;
}

/* ---------- pasztell ---------- */
[data-theme="pasztel"] {
  --bg:            #fdf8fa;
  --surface:       #ffffff;
  --surface-2:     #f6ecf1;
  --border:        #e8d5de;
  --text:          #33222b;   /* NEM pasztell: a szöveg mindig sötét marad */
  --text-muted:    #6b5560;
  --accent:        #c4708f;
  --accent-2:      #8f5268;   /* 5.9:1 */
  --accent-text:   #ffffff;
  --closed:        #f7f1f4;
}

/* ---------- rosegold ---------- */
/*
 * ROZSEARANY -- AZ ALAPERTELMEZETT TEMA (#13 issue, 2-3.).
 *
 * A szinek NEM kozelitik a nyitolapot, hanem UGYANAZOK: minden ertek a
 * .nyitolap --ny-* tokenjeibol jon (lasd lentebb). Aki a nyitolaprol lep be,
 * ugyanabban a vilagban marad -- eddig a felulet rozsaszin akcenttel valt at
 * a nyitolap meleg rozearanyara.
 *
 * MELLESLEG KONTRASZTOT IS JAVIT: a regi #b76e79 akcenten a feher betu csak
 * 3.80:1 volt, ami a WCAG AA-t normal szovegre NEM uti meg. Az uj #9a5c42
 * 5.27:1.
 *
 * A --surface-2-nek nincs kozvetlen parja a nyitolapon: ott a --ny-felulet
 * majdnem azonos a hatterrel, es a savok igy lathatatlanok volnanak. Ezert a
 * --ny-felulet es a --ny-keret koze esik, ugyanabbol a szincsaladbol.
 */
[data-theme="rosegold"] {
  --bg:            #faf4f1;   /* --ny-bg-2 */
  --surface:       #ffffff;   /* --ny-bg */
  --surface-2:     #f1e6df;   /* --ny-felulet es --ny-keret kozott */
  --border:        #e6d5cb;   /* --ny-keret */
  --text:          #1c1310;   /* --ny-szoveg      -- 16.8:1 a --bg-n */
  --text-muted:    #6d564c;   /* --ny-szoveg-halk --  6.3:1 */
  --accent:        #9a5c42;   /* --ny-arany       --  5.3:1 feher betuvel */
  --accent-2:      #6d4432;   /* --ny-arany-sotet --  8.3:1 -- a nyitolap gombjanak vege */
  --accent-text:   #ffffff;   /* --ny-gomb-szoveg */
  --closed:        #f6efeb;
}

/* ---------- pezsgő ---------- */
[data-theme="pezsgo"] {
  --bg:            #fbf8f1;
  --surface:       #ffffff;
  --surface-2:     #f3ecdd;
  --border:        #e3d8c2;
  --text:          #2e2820;
  --text-muted:    #6a5f4c;
  --accent:        #a8894f;
  --accent-2:      #7b643a;   /* 5.6:1 */
  --accent-text:   #ffffff;
  --closed:        #f6f1e6;
}

/* Rendszerkövetés, ha a tenant 'auto'-t választott */
@media (prefers-color-scheme: dark) {
  [data-theme="auto"] {
    --bg: #14141a; --surface: #1e1e26; --surface-2: #2a2a34;
    --border: #383844; --text: #f2f2f5; --text-muted: #a8a8b6;
    --accent: #6d9dff; --accent-2: #8db3ff; --accent-text: #10121a; --closed: #1a1a21;
  }
}

/* Akadálymentesség: aki kikapcsolta az animációt, ne kapjon egyet sem */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* ============================================================
   Nyitóoldal (nayli.hu)
   ------------------------------------------------------------
   Külön készlet, mert a nyitóoldal NEM témázható: ez a márka
   kirakata, nem a körmös munkafelülete. A tenant témaválasztása
   itt nem érvényes, és nem is szabad, hogy az legyen — a
   látogatónak még nincs tenantja.

   A színek a logóból jönnek: mély, meleg feketék és a rozéarany
   három árnyalata (halk / alap / csillanás).
   ============================================================ */
.nyitolap {
  --ny-bg:            #ffffff;
  --ny-bg-2:          #faf4f1;
  --ny-felulet:       #fbf6f3;
  --ny-keret:         #e6d5cb;
  --ny-szoveg:        #1c1310;
  --ny-szoveg-halk:   #6d564c;
  --ny-arany:         #9a5c42;
  --ny-arany-vilagos: #8a5a42;
  --ny-arany-sotet:   #6d4432;
  --ny-arnyek:        rgba(90, 60, 45, .14);
  --ny-arany-derenges: rgba(154, 92, 66, .14);

  /* Az elsodleges gomb szovege. Kulon token, mert nem a hatterszin inverze:
     a sotet rozearany gradiensre feher betu megy. A --ny-bg-vel (feher)
     lathatatlan volna. */
  --ny-gomb-szoveg:   #ffffff;
}

/* ============================================================
   Botcsapda — EGYETLEN szabály, ami nem token
   ------------------------------------------------------------
   Miért itt: a FormGuard csapdamezője csak akkor véd, ha a felhasználó nem
   látja. Amíg ez a szabály a komponens-stíluslapokban élt (app.css,
   belepes.css), egy ÚJ stíluslapra épülő űrlap némán elvesztette a
   védelmet — pontosan ez történt a kapcsolati lappal, ami csak a
   landing.css-t tölti: a mező kilátszott, és egy valódi látogató
   kitöltötte volna, amivel épp őt zártuk volna ki.

   A tokens.css az EGYETLEN fájl, amit minden layout betölt. Egy
   biztonsági kontroll ne azon múljon, hogy valaki emlékszik-e átmásolni
   egy sort az új stíluslapba.

   display:none, NEM .visually-hidden: az utóbbi a képernyőolvasónak
   látszik, és egy vak felhasználó kitöltené a mezőt.
   ============================================================ */
.csapda { display: none; }