/* tokens.css — tasarım token'ları (canlı mamakutusu.com.tr'den çıkarıldı).
   Tüm renk/tipografi/boşluk/radius değerleri burada; sihirli sabit YOK. */
:root {
  /* Renk */
  --color-bg: #ffffff;
  --color-surface: #f4f4f4;
  --color-surface-tint: #e7eef6;
  --color-text: #222529;
  --color-muted: #777777;
  /* Gerçek mamakutusu.com.tr'den: ANA vurgu MAVİ (#155ca5); yeşil yalnızca
     "Fırsat" rozetinde kullanılıyor. */
  --color-primary: #155ca5;        /* marka mavisi — ana vurgu: buton, CTA, aktif, rozet */
  --color-primary-dark: #114a85;   /* mavi hover/koyu ton */
  --color-accent: #155ca5;         /* mavi — linkler / ikincil vurgu */
  --color-sale: #62b959;           /* "Fırsat" rozeti — YEŞİL (sadece burada) */
  --color-secondary: #e36159;      /* el yazısı vurgu ("Sağlıklı yaşam") */
  --color-warm: #d47133;           /* turuncu — "Özel Seçim" kartları */
  --color-border: #e7e7e7;
  --color-on-primary: #ffffff;

  /* Tipografi */
  --font-body: "Poppins", system-ui, -apple-system, sans-serif;
  --font-display: "Lexend", "Poppins", sans-serif;

  --fs-300: 0.8125rem; /* 13px */
  --fs-400: 0.9375rem; /* 15px — mobil okunabilirlik tabanı (mobilde 16px'e çıkar) */
  --fs-500: 1.125rem;
  --fs-600: 1.375rem;
  --fs-700: 1.75rem;
  --fs-800: 2.25rem;
  --fw-body: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --lh-tight: 1.2;
  --lh-normal: 1.6;

  /* Boşluk / yarıçap / gölge */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-8: 5rem;
  --radius: 8px;
  --radius-lg: 14px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);
  --shadow: 0 6px 20px rgba(0, 0, 0, .08);
  --container: 1440px; /* gerçek mamakutusu içerik genişliği (~1420px) */

  /* Dokunma hedefi tabanı (mobil) */
  --tap-min: 44px;
}