/* Pandakosár design tokenek v2.0.0 — a tokens.json-nal azonos forrásból generálva. Módosításkor mindkét fájlt együtt frissítsd. */
:root {
  /* Alappaletta */
  --pk-bambusz-50: #EEF9EF;
  --pk-bambusz-100: #D5F2D9;
  --pk-bambusz-200: #ABE5B3;
  --pk-bambusz-300: #7DDB8A;
  --pk-bambusz-400: #5ACF68;
  --pk-bambusz-500: #45C456;
  --pk-bambusz-600: #2FA543;
  --pk-bambusz-700: #1F7A35;
  --pk-bambusz-800: #185F2A;
  --pk-bambusz-900: #12461F;
  --pk-kosar-50: #FFF5EA;
  --pk-kosar-100: #FFE6CC;
  --pk-kosar-200: #FFCB94;
  --pk-kosar-300: #FFA64D;
  --pk-kosar-400: #FB9632;
  --pk-kosar-500: #F6861A;
  --pk-kosar-600: #E5740A;
  --pk-kosar-700: #A65200;
  --pk-kosar-800: #7F3F00;
  --pk-kosar-900: #5C2E00;
  --pk-tinta-0: #FFFFFF;
  --pk-tinta-25: #FBFBF8;
  --pk-tinta-50: #F7F7F2;
  --pk-tinta-100: #EFF0EA;
  --pk-tinta-200: #E1E4DF;
  --pk-tinta-300: #C9CECB;
  --pk-tinta-400: #9AA3A7;
  --pk-tinta-500: #646D72;
  --pk-tinta-600: #4F585D;
  --pk-tinta-700: #3B4347;
  --pk-tinta-800: #2E3538;
  --pk-tinta-900: #1F2427;
  --pk-tinta-950: #161A1C;
  --pk-kuponkrem-500: #F3F1EA;
  --pk-siker-50: #EEF9EF;
  --pk-siker-300: #ABE5B3;
  --pk-siker-700: #1F7A35;
  --pk-figyelmeztetes-50: #FFF4E0;
  --pk-figyelmeztetes-300: #FFCB94;
  --pk-figyelmeztetes-700: #A15C00;
  --pk-hiba-50: #FDECEC;
  --pk-hiba-300: #F5B5B5;
  --pk-hiba-700: #C62E2E;
  --pk-info-50: #EAF2FB;
  --pk-info-300: #B5CFEE;
  --pk-info-700: #2563A8;

  /* Szemantikus színek */
  --pk-brand-primary: var(--pk-bambusz-500);
  --pk-brand-accent: var(--pk-kosar-500);
  --pk-brand-ink: var(--pk-tinta-800);
  --pk-bg-page: var(--pk-tinta-50);
  --pk-bg-surface: var(--pk-tinta-0);
  --pk-bg-subtle: var(--pk-tinta-100);
  --pk-bg-inverse: var(--pk-tinta-900);
  --pk-bg-brand-soft: var(--pk-bambusz-50);
  --pk-bg-accent-soft: var(--pk-kosar-50);
  --pk-bg-coupon: var(--pk-kuponkrem-500);
  --pk-text-primary: var(--pk-tinta-800);
  --pk-text-secondary: var(--pk-tinta-600);
  --pk-text-muted: var(--pk-tinta-500);
  --pk-text-inverse: var(--pk-tinta-0);
  --pk-text-link: var(--pk-bambusz-700);
  --pk-text-link-hover: var(--pk-bambusz-800);
  --pk-text-accent: var(--pk-kosar-700);
  --pk-text-on-accent: var(--pk-tinta-900);
  --pk-text-on-brand-dark: var(--pk-tinta-0);
  --pk-border-default: var(--pk-tinta-200);
  --pk-border-strong: var(--pk-tinta-300);
  --pk-border-ink: var(--pk-tinta-800);
  --pk-action-primary-bg: var(--pk-kosar-500);
  --pk-action-primary-bg-hover: var(--pk-kosar-600);
  --pk-action-primary-bg-active: var(--pk-kosar-700);
  --pk-action-primary-text: var(--pk-tinta-900);
  --pk-action-secondary-bg: var(--pk-tinta-0);
  --pk-action-secondary-bg-hover: var(--pk-tinta-100);
  --pk-action-secondary-border: var(--pk-tinta-800);
  --pk-action-secondary-text: var(--pk-tinta-800);
  --pk-action-brand-bg: var(--pk-bambusz-700);
  --pk-action-brand-bg-hover: var(--pk-bambusz-800);
  --pk-action-brand-text: var(--pk-tinta-0);
  --pk-action-disabled-bg: var(--pk-tinta-100);
  --pk-action-disabled-text: var(--pk-tinta-400);
  --pk-focus-ring: var(--pk-tinta-900);
  --pk-focus-ring-inverse: var(--pk-tinta-0);
  --pk-status-success-text: var(--pk-siker-700);
  --pk-status-success-bg: var(--pk-siker-50);
  --pk-status-success-border: var(--pk-siker-300);
  --pk-status-warning-text: var(--pk-figyelmeztetes-700);
  --pk-status-warning-bg: var(--pk-figyelmeztetes-50);
  --pk-status-warning-border: var(--pk-figyelmeztetes-300);
  --pk-status-error-text: var(--pk-hiba-700);
  --pk-status-error-bg: var(--pk-hiba-50);
  --pk-status-error-border: var(--pk-hiba-300);
  --pk-status-info-text: var(--pk-info-700);
  --pk-status-info-bg: var(--pk-info-50);
  --pk-status-info-border: var(--pk-info-300);
  --pk-type-hir: var(--pk-tinta-800);
  --pk-type-kupon: var(--pk-kosar-500);
  --pk-type-akcio: var(--pk-bambusz-500);
  --pk-type-utmutato: var(--pk-info-700);
  --pk-type-teszt: var(--pk-tinta-800);
  --pk-discount-bg: var(--pk-kosar-500);
  --pk-discount-text: var(--pk-tinta-900);
  --pk-price-current: var(--pk-tinta-800);
  --pk-price-old: var(--pk-tinta-500);

  /* Betűcsaládok és vastagságok */
  --pk-font-display: 'Bricolage Grotesque', 'Figtree', system-ui, sans-serif;
  --pk-font-body: 'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --pk-font-mono: ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
  --pk-weight-regular: 400;
  --pk-weight-medium: 500;
  --pk-weight-semibold: 600;
  --pk-weight-bold: 700;
  --pk-weight-extrabold: 800;

  /* Tipográfiai skála (mobil alapértékek; desktop felülírás lent) */
  --pk-text-display-size: 2.125rem; --pk-text-display-lh: 1.176; --pk-text-display-weight: 800; --pk-text-display-tracking: -0.025em;
  --pk-text-headline-lead-size: 1.75rem; --pk-text-headline-lead-lh: 1.179; --pk-text-headline-lead-weight: 800; --pk-text-headline-lead-tracking: -0.02em;
  --pk-text-headline-card-size: 1.125rem; --pk-text-headline-card-lh: 1.333; --pk-text-headline-card-weight: 700; --pk-text-headline-card-tracking: -0.01em;
  --pk-text-headline-list-size: 1rem; --pk-text-headline-list-lh: 1.375; --pk-text-headline-list-weight: 700; --pk-text-headline-list-tracking: -0.005em;
  --pk-text-article-size: 1.062rem; --pk-text-article-lh: 1.647; --pk-text-article-weight: 400; --pk-text-article-tracking: 0;
  --pk-text-lead-article-size: 1.188rem; --pk-text-lead-article-lh: 1.526; --pk-text-lead-article-weight: 500; --pk-text-lead-article-tracking: 0;
  --pk-text-h1-size: 2rem; --pk-text-h1-lh: 1.188; --pk-text-h1-weight: 800; --pk-text-h1-tracking: -0.015em;
  --pk-text-h2-size: 1.625rem; --pk-text-h2-lh: 1.231; --pk-text-h2-weight: 800; --pk-text-h2-tracking: -0.01em;
  --pk-text-h3-size: 1.312rem; --pk-text-h3-lh: 1.286; --pk-text-h3-weight: 700; --pk-text-h3-tracking: -0.01em;
  --pk-text-h4-size: 1.125rem; --pk-text-h4-lh: 1.444; --pk-text-h4-weight: 700; --pk-text-h4-tracking: 0;
  --pk-text-body-lg-size: 1.062rem; --pk-text-body-lg-lh: 1.529; --pk-text-body-lg-weight: 400; --pk-text-body-lg-tracking: 0;
  --pk-text-body-size: 1rem; --pk-text-body-lh: 1.5; --pk-text-body-weight: 400; --pk-text-body-tracking: 0;
  --pk-text-body-sm-size: 0.875rem; --pk-text-body-sm-lh: 1.429; --pk-text-body-sm-weight: 400; --pk-text-body-sm-tracking: 0;
  --pk-text-caption-size: 0.75rem; --pk-text-caption-lh: 1.333; --pk-text-caption-weight: 500; --pk-text-caption-tracking: 0.01em;
  --pk-text-overline-size: 0.75rem; --pk-text-overline-lh: 1.333; --pk-text-overline-weight: 700; --pk-text-overline-tracking: 0.08em;
  --pk-text-button-size: 1rem; --pk-text-button-lh: 1.25; --pk-text-button-weight: 600; --pk-text-button-tracking: 0;
  --pk-text-button-sm-size: 0.875rem; --pk-text-button-sm-lh: 1.286; --pk-text-button-sm-weight: 600; --pk-text-button-sm-tracking: 0;
  --pk-text-nav-size: 1rem; --pk-text-nav-lh: 1.5; --pk-text-nav-weight: 600; --pk-text-nav-tracking: 0;
  --pk-text-price-size: 1.375rem; --pk-text-price-lh: 1.182; --pk-text-price-weight: 800; --pk-text-price-tracking: -0.01em;
  --pk-text-price-lg-size: 1.875rem; --pk-text-price-lg-lh: 1.133; --pk-text-price-lg-weight: 800; --pk-text-price-lg-tracking: -0.02em;
  --pk-text-price-old-size: 0.875rem; --pk-text-price-old-lh: 1.429; --pk-text-price-old-weight: 500; --pk-text-price-old-tracking: 0;
  --pk-text-discount-size: 0.875rem; --pk-text-discount-lh: 1.143; --pk-text-discount-weight: 800; --pk-text-discount-tracking: 0;
  --pk-text-meta-size: 0.8125rem; --pk-text-meta-lh: 1.385; --pk-text-meta-weight: 500; --pk-text-meta-tracking: 0;
  --pk-text-discount-lg-size: 1.5rem; --pk-text-discount-lg-lh: 1.083; --pk-text-discount-lg-weight: 800; --pk-text-discount-lg-tracking: -0.01em;
  --pk-text-code-size: 0.9375rem; --pk-text-code-lh: 1.333; --pk-text-code-weight: 600; --pk-text-code-tracking: 0.06em;

  /* Térközskála (4 px alap) */
  --pk-space-0: 0rem;
  --pk-space-0_5: 0.125rem;
  --pk-space-1: 0.25rem;
  --pk-space-2: 0.5rem;
  --pk-space-3: 0.75rem;
  --pk-space-4: 1rem;
  --pk-space-5: 1.25rem;
  --pk-space-6: 1.5rem;
  --pk-space-8: 2rem;
  --pk-space-10: 2.5rem;
  --pk-space-12: 3rem;
  --pk-space-16: 4rem;
  --pk-space-20: 5rem;
  --pk-space-24: 6rem;

  /* Lekerekítés */
  --pk-radius-xs: 4px;
  --pk-radius-sm: 8px;
  --pk-radius-md: 12px;
  --pk-radius-lg: 16px;
  --pk-radius-xl: 24px;
  --pk-radius-2xl: 32px;
  --pk-radius-pill: 999px;

  /* Árnyékok */
  --pk-shadow-xs: 0 1px 2px rgba(31,36,39,0.06);
  --pk-shadow-sm: 0 1px 2px rgba(31,36,39,0.06), 0 2px 6px rgba(31,36,39,0.06);
  --pk-shadow-md: 0 2px 4px rgba(31,36,39,0.05), 0 8px 20px rgba(31,36,39,0.08);
  --pk-shadow-lg: 0 4px 8px rgba(31,36,39,0.06), 0 20px 40px rgba(31,36,39,0.12);
  --pk-shadow-sticker: 0 3px 0 #2E3538;

  /* Elrendezés */
  --pk-container-max: 1240px;
  --pk-reading-max: 680px;
  --pk-container-wide: 1360px;
  --pk-gutter-mobile: 16px;
  --pk-gutter-tablet: 24px;
  --pk-gutter-desktop: 32px;
  --pk-header-h-desktop: 72px;
  --pk-header-h-mobile: 60px;
  --pk-touch-target: 44px;

  /* Mozgás */
  --pk-duration-fast: 120ms;
  --pk-duration-base: 180ms;
  --pk-duration-slow: 280ms;
  --pk-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --pk-easing-bounce: cubic-bezier(0.34, 1.4, 0.64, 1);
}

@media (min-width: 1024px) {
  :root {
    --pk-text-display-size: 3.5rem; --pk-text-display-lh: 1.071;
    --pk-text-headline-lead-size: 2.5rem; --pk-text-headline-lead-lh: 1.15;
    --pk-text-headline-card-size: 1.25rem; --pk-text-headline-card-lh: 1.3;
    --pk-text-headline-list-size: 1.062rem; --pk-text-headline-list-lh: 1.353;
    --pk-text-article-size: 1.188rem; --pk-text-article-lh: 1.632;
    --pk-text-lead-article-size: 1.312rem; --pk-text-lead-article-lh: 1.524;
    --pk-text-h1-size: 2.75rem; --pk-text-h1-lh: 1.182;
    --pk-text-h2-size: 2rem; --pk-text-h2-lh: 1.25;
    --pk-text-h3-size: 1.5rem; --pk-text-h3-lh: 1.25;
    --pk-text-h4-size: 1.25rem; --pk-text-h4-lh: 1.4;
    --pk-text-body-lg-size: 1.125rem; --pk-text-body-lg-lh: 1.556;
    --pk-text-nav-size: 0.9375rem; --pk-text-nav-lh: 1.333;
    --pk-text-price-size: 1.5rem; --pk-text-price-lh: 1.167;
    --pk-text-price-lg-size: 2.25rem; --pk-text-price-lg-lh: 1.111;
    --pk-text-discount-size: 0.9375rem; --pk-text-discount-lh: 1.067;
    --pk-text-discount-lg-size: 1.75rem; --pk-text-discount-lg-lh: 1.071;
  }
}

/* Csökkentett mozgás */
@media (prefers-reduced-motion: reduce) {
  :root { --pk-duration-fast: 0ms; --pk-duration-base: 0ms; --pk-duration-slow: 0ms; }
}