/* BodyStudy — dizájn-tokenek
 *
 * EZ AZ EGYETLEN FORRÁS. A landing és később a foglaló-alkalmazás is innen kapja
 * a színeket, a betűket és a formákat. Beégetett színérték sehol máshol nem lehet —
 * ezt a design-system/check-drift.py ellenőrzi.
 *
 * Látható referencia: design-system/stilus.html
 *
 * Miért kellett: 2026-09-30-án három különböző paletta élt egyszerre (a landingé 25
 * színnel, a foglaló-maketté 39 beégetett színnel, és a Go7 márka-rétegének egy
 * harmadik navyja). Egyik sem egyezett. A felhasználónak viszont ez EGY felület.
 */

:root {
  /* ── Márka ─────────────────────────────────────────────── */
  --navy-900: #1E3159;   /* címsor, legsötétebb felület */
  --navy-700: #2B4B82;   /* elsődleges gomb, kiemelés, link */
  --navy-500: #5773A4;   /* halkabb kiemelés, vonal */
  --navy-100: #E8EEF7;   /* világos márkafelület */
  --navy-050: #F5F7FB;   /* leghalványabb háttér */

  /* ── Felület és szöveg ─────────────────────────────────── */
  --white:        #FFFFFF;
  --ivory:        #F8F5F0;   /* meleg szekció-háttér */
  --ink:          #1C2533;   /* alapszöveg */
  --slate:        #667085;   /* másodlagos szöveg */
  --border:       #DDE3EC;   /* alap határvonal */
  --border-warm:  #E8E5E0;   /* határ meleg (ivory) háttéren */
  --surface-blur: #FFFFFFEF; /* ragadós fejléc áttetsző háttere */

  /* Sötét felületen (pl. a „Rólam" szakasz) */
  --on-dark:      #E0E7F4;   /* szöveg sötét márkaháttéren */
  --on-dark-soft: #9FB3D1;   /* halkabb szöveg sötét háttéren */
  --line-dark:    #697B9E;   /* vonal sötét háttéren */

  /* ── Foglalási állapotok ───────────────────────────────── */
  /* Minden állapot háttér + szövegszín párban él, hogy a kontraszt biztos legyen. */
  --available-bg: #E8F5EF;  --available: #28705A;   /* szabad időpont */
  --selected-bg:  #2B4B82;  --selected:  #FFFFFF;   /* kiválasztva */
  --booking-bg:   #E8EEF7;  --booking:   #2B4B82;   /* egyéni alkalom */
  --group-bg:     #E5F3F3;  --group:     #276C73;   /* csoportos alkalom */
  --full-bg:      #EEF0F3;  --full:      #667085;   /* betelt / nem választható */
  --waitlist-bg:  #FFF3D6;  --waitlist:  #946200;   /* várólista */
  --break-bg:     #F0ECF7;  --break:     #69598A;   /* szünet */
  --cancelled-bg: #FBEAEA;  --cancelled: #A84545;   /* lemondott */
  --no-show-bg:   #F8E6E6;  --no-show:   #863636;   /* meg nem jelent */

  /* ── Visszajelzés ──────────────────────────────────────── */
  --info-bg:    #E8F1FB;  --info:    #315F8B;
  --success-bg: #E8F5EF;  --success: #28705A;
  --warning-bg: #FFF3D6;  --warning: #946200;
  --error-bg:   #FBEAEA;  --error:   #A84545;

  /* ── Betű ──────────────────────────────────────────────── */
  --font-serif: Georgia, "Times New Roman", serif;          /* címsor, hangsúly */
  --font-sans:  system-ui, -apple-system, "Segoe UI", sans-serif;  /* szöveg */
  --text-base:  17px;
  --line-base:  1.7;

  /* ── Forma ─────────────────────────────────────────────── */
  --radius:    5px;
  --radius-lg: 10px;
  --radius-pill: 999px;

  /* Három mélység-szint. Az árnyék a márkakékből képződik, nem semleges feketéből —
     ettől ül a felületen ahelyett, hogy piszkosnak látszana. */
  --sh-1: 0 1px 2px rgba(30,49,89,.05), 0 3px 10px rgba(30,49,89,.06);
  --sh-2: 0 2px 6px rgba(30,49,89,.06), 0 14px 32px rgba(30,49,89,.10);
  --sh-3: 0 24px 60px rgba(30,49,89,.18);

  /* ── Térköz ────────────────────────────────────────────── */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 72px;
}