/* =============================================================================
   STRUKTURALIS TOKENEK — projektek kozott ALLANDO.
   Betumeret, tipusskala, terkoz, layout, toresek. Ezt NEM valtoztatjuk
   projektenkent. A szint/szinvilagot lasd: theme.css (azt csereled projektenkent).
   Szabalyok kodolva: min 16px, clamp 800->1600, site-width 1400, golden-ratio terkoz.
   ============================================================================= */
:root {
  /* ---------- Betutipus (sajat, szerveroldali; nincs Google) ---------- */
  --font-body: "Inter", system-ui, -apple-system, Arial, "Segoe UI", Tahoma, Verdana, Helvetica, sans-serif;
  --font-display: "Space Grotesk", "Trebuchet MS", system-ui, Arial, sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;

  /* ---------- Fluid tipusskala (clamp, 800px->1600px kozott skalaz) ----------
     Struktura: clamp(MIN, ALAP + Nvw, MAX). Minden lepcso >= 1rem (16px). */
  --fs-1: 1rem;                                              /* 16px — MIN: torzs-kicsi, cimke */
  --fs-2: clamp(1rem, 0.875rem + 0.25vw, 1.125rem);          /* 16->18 torzs */
  --fs-3: clamp(1.125rem, 0.875rem + 0.5vw, 1.375rem);       /* 18->22 lead / kartyacim */
  --fs-4: clamp(1.375rem, 1rem + 0.75vw, 1.75rem);           /* 22->28 alcim / h3 */
  --fs-5: clamp(1.75rem, 1.125rem + 1.25vw, 2.375rem);       /* 28->38 szekciocim / h2 */
  --fs-6: clamp(2.25rem, 1.125rem + 2.25vw, 3.375rem);       /* 36->54 display / h1 */
  --fs-7: clamp(2.75rem, 0.75rem + 4vw, 4.75rem);            /* 44->76 hero */

  /* ---------- Sortavolsag / betukoz (szemantikus) ---------- */
  --lh-tight: 1.05;
  --lh-heading: 1.15;
  --lh-snug: 1.35;
  --lh-body: 1.6;
  --ls-tight: -0.02em;
  --ls-normal: 0;
  --ls-wide: 0.02em;
  --ls-eyebrow: 0.16em;

  /* ---------- Terkoz (golden-ratio kozeli, rem) ---------- */
  --sp-3xs: 0.25rem;
  --sp-2xs: 0.5rem;
  --sp-xs: 0.75rem;
  --sp-sm: 1rem;
  --sp-md: 1.5rem;
  --sp-connected: 1.875rem;   /* 30px — osszetartozo tartalom (title <-> p) */
  --sp-unconnected: 3rem;     /* 48px — nem osszetartozo (szoveg vege <-> gomb) */
  --sp-block: 4rem;           /* 64px — blokkok kozott */
  --sp-block-lg: 5.125rem;    /* 82px — nagyobb blokkok kozott */
  --section-pad: clamp(3.25rem, 6.5vw, 6.5rem);   /* 52->104px szekcio fuggoleges padding */

  /* ---------- Layout ---------- */
  --site-width: 1400px;       /* tartalom max szelesseg */
  --measure: 65ch;            /* olvashato szovegszelesseg */
  --container-pad: 5vw;       /* desktop bal-jobb 5% */
  --table-max-h: 70vh;        /* sticky fejlecu tabla-kontener max magassaga */

  /* ---------- Sugar / arnyek ---------- */
  --radius-xs: 4px;           /* pipa/checkbox sarok — negyzetes marad (lasd app.css) */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(8, 12, 24, 0.10), 0 1px 3px rgba(8, 12, 24, 0.08);
  --shadow-md: 0 10px 30px rgba(8, 12, 24, 0.12);
  --shadow-lg: 0 24px 60px rgba(8, 12, 24, 0.22);

  /* ---------- Mozgas ---------- */
  --dur-1: 0.18s;
  --dur-2: 0.4s;
  --dur-3: 0.8s;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);

  /* Toresek (hivatkozasnak; a media query-k px-ben: tablet 1024, mobil 790). */
  --bp-tablet: 1024px;
  --bp-mobile: 790px;
}

/* Reszponziv konteneri padding (5% / 4% / 3%) */
@media (max-width: 1024px) { :root { --container-pad: 4vw; } }
@media (max-width: 790px)  { :root { --container-pad: 3vw; } }

/* Akadalymentesseg: aki keri, ne kapjon animaciot */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; }
}