/* okosugyintezo-child — design tokens (single source of truth).
   Minden komponens ezekből dolgozik; nincs beégetett hex a komponensekben. */
:root {
  /* --- Színek --- */
  --c-indigo: #1C2B4A;
  --c-indigo-700: #16223B;
  --c-indigo-050: #EEF1F7;
  --c-accent: #FF6B4A;        /* KORALL — márka-accent (végleges elsődleges CTA-szín) */
  --c-cta: #EA5A38;           /* korall gomb-háttér FEHÉR szöveghez -> WCAG AA */
  --c-cta-hover: #D64C2C;
  --c-accent-2: #F2A93B;      /* opcionális másodlagos meleg accent (nem CTA) */
  --c-badge: #2FBF8F;         /* turkiz — CSAK "0-24 elérhető" jelvények */
  --c-badge-050: #E7F7F1;
  --c-bg: #F7F8FA;
  --c-surface: #FFFFFF;
  --c-text: #22262E;
  --c-muted: #5B6270;
  --c-border: #E6E9EF;

  /* --- Tipográfia --- */
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --fs-eyebrow: 0.8125rem;
  --fs-body: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --fs-lead: clamp(1.125rem, 1.02rem + 0.5vw, 1.375rem);
  --fs-h3: clamp(1.25rem, 1.1rem + 0.7vw, 1.5rem);
  --fs-h2: clamp(1.6rem, 1.3rem + 1.4vw, 2.25rem);
  --fs-h1: clamp(2rem, 1.5rem + 2.6vw, 3.25rem);
  --lh-body: 1.6;
  --lh-head: 1.14;
  --measure: 68ch;

  /* --- Spacing / forma --- */
  --sp-1: 0.25rem; --sp-2: 0.5rem; --sp-3: 0.75rem; --sp-4: 1rem;
  --sp-5: 1.5rem; --sp-6: 2rem; --sp-7: 3rem; --sp-8: 4rem;
  --section-pad: clamp(3rem, 6vw, 6rem);
  --radius: 14px;
  --radius-lg: 24px;
  --radius-pill: 999px;
  --shadow: 0 6px 24px rgba(28, 43, 74, 0.08);
  --shadow-lg: 0 16px 40px rgba(28, 43, 74, 0.12);
  --container: 1160px;
  /* 5vw, nem 4vw: élőben (2026-08-18, VIZSLA mérése) az .inside-article GP-s
     saját 30/40px padding-je RÁADÓDOTT erre a gutterre (nem helyette futott),
     ~11-12%-os tényleges mobil-margót adva 5% cél helyett. A base.css-ben a
     GP padding most nullázva van, tehát ez a --gutter az EGYETLEN forrás --
     5vw ≈ 5% a tipikus mobil-szélesség-tartományban (a 4.1%-os 4vw-hez
     képest), a szám ELLENŐRIZVE headless-chromiummal 375/390/414px-en.
     A max 2rem (asztali sapka) változatlan. */
  --gutter: clamp(1rem, 5vw, 2rem);
  --header-h: 76px;

  /* --- Mozgás (animate-skill szótár: erős egyedi görbék) --- */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);      /* belépő/kilépő */
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);  /* képernyőn belüli mozgás */
  --dur-press: 140ms;
  --dur-ui: 220ms;
}