/* GENERÁLT FÁJL — ne szerkeszd kézzel. Forrás: 06-design/mockup/styles/tokens.css,
   generátor: 04-site/tools/dev/tokenek.py. A színek, méretek, térközök a theme.json-ban
   élnek; itt a téma CSS-e által használt nevek mutatnak rájuk. */
:root {
  --szin-marka-50: var(--wp--preset--color--marka-50);
  --szin-marka-100: var(--wp--preset--color--marka-100);
  --szin-marka-200: var(--wp--preset--color--marka-200);
  --szin-marka-300: var(--wp--preset--color--marka-300);
  --szin-marka-400: var(--wp--preset--color--marka-400);
  --szin-marka-500: var(--wp--preset--color--marka-500);
  --szin-marka-600: var(--wp--preset--color--marka-600);
  --szin-marka-700: var(--wp--preset--color--marka-700);
  --szin-marka-800: var(--wp--preset--color--marka-800);
  --szin-marka-900: var(--wp--preset--color--marka-900);
  --szin-marka-950: var(--wp--preset--color--marka-950);
  --szin-zsalya: var(--wp--preset--color--zsalya);
  --szin-sarga-100: var(--wp--preset--color--sarga-100);
  --szin-sarga-300: var(--wp--preset--color--sarga-300);
  --szin-sarga-500: var(--wp--preset--color--sarga-500);
  --szin-sarga-600: var(--wp--preset--color--sarga-600);
  --szin-sarga-700: var(--wp--preset--color--sarga-700);
  --szin-semleges-0: var(--wp--preset--color--semleges-0);
  --szin-semleges-50: var(--wp--preset--color--semleges-50);
  --szin-semleges-100: var(--wp--preset--color--semleges-100);
  --szin-semleges-200: var(--wp--preset--color--semleges-200);
  --szin-semleges-300: var(--wp--preset--color--semleges-300);
  --szin-semleges-400: var(--wp--preset--color--semleges-400);
  --szin-semleges-500: var(--wp--preset--color--semleges-500);
  --szin-semleges-600: var(--wp--preset--color--semleges-600);
  --szin-semleges-700: var(--wp--preset--color--semleges-700);
  --szin-semleges-800: var(--wp--preset--color--semleges-800);
  --szin-semleges-900: var(--wp--preset--color--semleges-900);
  --szin-hiba: var(--wp--preset--color--hiba);
  --szin-hiba-halvany: var(--wp--preset--color--hiba-halvany);
  --betu-cim: var(--wp--preset--font-family--cim);
  --betu-torzs: var(--wp--preset--font-family--torzs);
  --meret-apro: var(--wp--preset--font-size--apro);
  --meret-kicsi: var(--wp--preset--font-size--kicsi);
  --meret-torzs: var(--wp--preset--font-size--torzs);
  --meret-lead: var(--wp--preset--font-size--lead);
  --meret-h4: var(--wp--preset--font-size--h-4);
  --meret-h3: var(--wp--preset--font-size--h-3);
  --meret-h2: var(--wp--preset--font-size--h-2);
  --meret-h1: var(--wp--preset--font-size--h-1);
  --meret-hero: var(--wp--preset--font-size--hero);
  --ter-4: var(--wp--preset--spacing--t-4);
  --ter-8: var(--wp--preset--spacing--t-8);
  --ter-12: var(--wp--preset--spacing--t-12);
  --ter-16: var(--wp--preset--spacing--t-16);
  --ter-24: var(--wp--preset--spacing--t-24);
  --ter-32: var(--wp--preset--spacing--t-32);
  --ter-48: var(--wp--preset--spacing--t-48);
  --ter-64: var(--wp--preset--spacing--t-64);
  --ter-96: var(--wp--preset--spacing--t-96);
  --ter-128: var(--wp--preset--spacing--t-128);
  --ai-jel-hatter: rgb(17 17 17 / .45);
  --ai-jel-szoveg: rgb(255 255 255 / .92);
  --szoveg: var(--szin-semleges-900);
  --szoveg-halvany: var(--szin-semleges-700);
  --cimsor: var(--szin-marka-600);
  --link: var(--szin-marka-700);
  --gomb: var(--szin-sarga-500);
  --gomb-hover: var(--szin-sarga-600);
  --gomb-aktiv: var(--szin-sarga-700);
  --gomb-szoveg: var(--szin-semleges-900);
  --keret: var(--szin-semleges-300);
  --keret-mezo: var(--szin-semleges-500);
  --felulet: var(--szin-semleges-0);
  --felulet-meleg: var(--szin-semleges-100);
  --felulet-zsalya: var(--szin-zsalya);
  --felulet-sotet: var(--szin-marka-600);
  --felulet-lablec: var(--szin-semleges-900);
  --fokusz: var(--szin-semleges-900);
  --fokusz-sotet: var(--szin-sarga-500);
  --sor-apro: 1.4;
  --sor-torzs: 1.55;
  --sor-lead: 1.5;
  --sor-h4: 1.25;
  --sor-h3: 1.2;
  --sor-h2: 1.1;
  --sor-h1: 1.05;
  --sor-hero: 1.0;
  --kontener-tag: 1200px;
  --kontener-szuk: 720px;
  --oldalmargo: 48px;
  --kerek-s: 8px;
  --kerek-m: 16px;
  --kerek-l: 24px;
  --kerek-gomb: 999px;
  --keret-vekony: 1px;
  --keret-vastag: 2px;
  --fokusz-vastag: 3px;
  --fotokeret: 6px;
  --arnyek-kicsi: 0 1px 2px rgb(17 17 17 / .06), 0 1px 1px rgb(17 17 17 / .04);
  --arnyek-nagy: 0 14px 36px rgb(37 46 25 / .16);
  --szekcio-y: var(--ter-96);
  --fejlec-magassag: 80px;
}
@media (max-width: 1023px) {
  :root { --oldalmargo: 24px; --szekcio-y: var(--ter-64); --fejlec-magassag: 72px; }
}
@media (max-width: 599px) {
  :root { --oldalmargo: 16px; --szekcio-y: var(--ter-48); --fejlec-magassag: 64px; }
}