:root {
  /* Eladás stílus – az eredeti Telked tokenkészlet */
  --brand-primary: #01bf60;
  --brand-primary-deep: #00a350;
  --brand-background: #f7f8f9;
  --brand-surface: #ffffff;
  --brand-surface-soft: #ebfff5;
  --brand-surface-sunken: #f1f3f2;
  --brand-text-primary: #333333;
  --brand-text-secondary: #5f6663;
  --brand-text-muted: #8a918e;
  --brand-border: #dfe5e2;
  --brand-border-strong: #c8d0cc;
  --brand-white: #ffffff;
  --brand-dark: #171a18;
  --brand-dark-soft: #22262a;
  --color-primary: var(--brand-primary);
  --color-primary-hover: color-mix(in srgb, var(--color-primary) 88%, var(--brand-dark));
  --color-primary-active: color-mix(in srgb, var(--color-primary) 78%, var(--brand-dark));
  --color-background: var(--brand-background);
  --color-surface: var(--brand-surface);
  --color-surface-soft: var(--brand-surface-soft);
  --color-surface-sunken: var(--brand-surface-sunken);
  --color-footer: var(--brand-dark);
  --color-text-primary: var(--brand-text-primary);
  --color-text-secondary: var(--brand-text-secondary);
  --color-text-muted: var(--brand-text-muted);
  --color-text-on-primary: var(--brand-white);
  --color-text-on-dark: #f2f4f3;
  --color-border: var(--brand-border);
  --color-border-strong: var(--brand-border-strong);
  --color-on-primary: var(--brand-white);
  --color-focus-ring: color-mix(in srgb, var(--color-primary) 35%, transparent);
  --font-sans: 'Schibsted Grotesk', ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-serif: 'Instrument Serif', ui-serif, Georgia, serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', monospace;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-extrabold: 800;
  --text-display: clamp(3rem, 6vw, 5.25rem);
  --text-h1: clamp(2.25rem, 4vw, 3.5rem);
  --text-h2: clamp(1.75rem, 3vw, 2.5rem);
  --text-h3: 1.5rem;
  --text-title: 1.25rem;
  --text-body-lg: 1.125rem;
  --text-body: 1rem;
  --text-sm: 0.9375rem;
  --text-caption: 0.8125rem;
  --text-overline: 0.75rem;
  --lh-tight: 1.05;
  --lh-snug: 1.2;
  --lh-normal: 1.6;
  --lh-relaxed: 1.75;
  --ls-tight: -0.02em;
  --ls-snug: -0.01em;
  --ls-normal: 0;
  --ls-overline: 0.14em;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;
  --container-max: 1200px;
  --container-narrow: 760px;
  --gutter: clamp(1.25rem, 5vw, 4rem);
  --section-y: clamp(4rem, 10vw, 8rem);
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 28px;
  --radius-pill: 999px;
  --border-hairline: 1px solid var(--color-border);
  --border-strong: 1px solid var(--color-border-strong);
  --shadow-xs: 0 1px 2px rgba(23, 26, 24, 0.04);
  --shadow-sm: 0 2px 8px rgba(23, 26, 24, 0.05);
  --shadow-md: 0 10px 30px rgba(23, 26, 24, 0.07);
  --shadow-lg: 0 24px 60px rgba(23, 26, 24, 0.10);
  --shadow-primary: 0 12px 30px rgba(1, 191, 96, 0.22);
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0.05, 0.36, 1);
  --dur-fast: 140ms;
  --dur-base: 240ms;
  --dur-slow: 420ms;
}