/* ===== TOKENS — arculati kézikönyv szerinti kötelező értékek ===== */
:root{
  /* Elsődleges */
  --blue:#1F80FF;
  --blue-deep:#0A5CE0;
  --blue-light:#5AA3FF;
  --black:#0F1216;
  --ink:#0F1319;

  /* Semleges */
  --slate:#414852;
  --slate-2:#6B7280;
  --line:#E6E9EF;
  --soft:#F4F6FA;
  --soft-blue:#EDF3FC;
  --badge-blue:#EAF2FE;
  --white:#FFFFFF;

  /* Állapotok */
  --ok:#22C55E;
  --warn:#F59E0B;
  --alert:#EF4444;

  /* Tipográfia */
  --font-display:Archivo,"Archivo",ui-sans-serif,system-ui,sans-serif;
  --font-sans:"IBM Plex Sans",ui-sans-serif,system-ui,sans-serif;
  /* Az Archivo keskenyebb a Space Grotesknél: ugyanaz a pontméret rövidebb
     sort ad, ezért a display méret marad nagy, a folyószöveg viszont csökken. */
  --fs-display:clamp(2.875rem,1.7rem + 5.3vw,5.75rem);
  --fs-h1:clamp(2.125rem,1.45rem + 3vw,3.5rem);
  --fs-h2:clamp(1.75rem,1.3rem + 1.9vw,2.625rem);
  --fs-h3:clamp(1.125rem,1.05rem + 0.5vw,1.375rem);
  --fs-lead:clamp(1rem,0.95rem + 0.35vw,1.1875rem);
  --fs-body:clamp(0.9375rem,0.92rem + 0.12vw,1rem);
  --fs-small:0.8125rem;
  --fs-kicker:0.75rem;

  /* Tipográfiai finomhangolás — a nagy fokozat feszesebb, a szöveg levegősebb. */
  --track-display:-0.045em;
  --track-h:-0.032em;
  --track-kicker:0.14em;
  --lh-display:0.92;
  --lh-h:1.04;
  --lh-body:1.58;

  /* Térköz és rács */
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;
  --sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;--sp-10:128px;
  --container:1200px;
  --container-wide:1400px;
  --gutter:clamp(20px,5vw,40px);
  --section-y:clamp(48px,5vw,84px);
  --grid-gap:clamp(16px,2vw,32px);

  /* Sugarak */
  --r-sm:8px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-pill:999px;

  /* Árnyékok, gradiens, easing */
  --shadow-sm:0 1px 2px rgba(15,19,25,.04),0 2px 8px rgba(15,19,25,.04);
  --shadow-md:0 4px 12px rgba(15,19,25,.06),0 12px 32px rgba(15,19,25,.07);
  --shadow-lg:0 12px 28px rgba(15,19,25,.08),0 32px 64px rgba(15,19,25,.1);
  --shadow-blue:0 4px 14px rgba(10,92,224,.16);
  --gradient-blue:linear-gradient(120deg,var(--blue-deep),var(--blue-light));
  --ease-calm:cubic-bezier(.16,1,.3,1);

  /* Mozgás-tokenek (6.1) */
  --dur-fast:180ms;
  --dur-base:320ms;
  --dur-slow:620ms;
  --dur-reveal:900ms;
  --ease-out:cubic-bezier(.22,1,.36,1);
  --ease-inout:cubic-bezier(.65,0,.35,1);
  --ease-soft:cubic-bezier(.16,1,.3,1);
}

/* ===== assets/css/tokens.css — Mi van itt: az összes design-token — színek (kék, fekete, slate, világos felületek), fluid tipográfiai skála, térköz, rádiusz, árnyék, mozgás-időzítés és easing. Színt CSAK itt módosítson. ===== */