/* Weboldal.shop – alap tokenek (generálva a dizájnrendszer tokens.json-jából). A színeket és a stílusirányt a sablon PHP-ja adja hozzá. */
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --radius-ipar-card: 2px;
  --radius-ipar-btn: 2px;
  --radius-elegans-card: 0px;
  --radius-elegans-btn: 999px;
  --radius-termeszet-card: 20px;
  --radius-termeszet-field: 12px;
  --radius-termeszet-btn: 999px;
  --radius-kezmuves-card: 6px;
  --radius-kezmuves-btn: 6px;
  --border-ipar: 2px;
  --border-elegans: 1px;
  --border-termeszet: 1px;
  --border-kezmuves: 1.5px;
  --fs-display: clamp(2.5rem, 1.75rem + 3vw, 3.75rem);
  --fs-h1: clamp(2rem, 1.55rem + 1.8vw, 2.75rem);
  --fs-h2: clamp(1.625rem, 1.4rem + 0.9vw, 2rem);
  --fs-h3: 1.375rem;
  --fs-lead: 1.25rem;
  --fs-body: 1.0625rem;
  --fs-small: 0.9375rem;
  --fs-label: 0.8125rem;
  --content-max: 1160px;
  --text-max: 68ch;
  --gutter: max(16px, 4vw);
}