/* ============================================================
   TOKENS — Ortak (desktop + mobile). Değer kaynağı: DESIGN.md
   Buradaki değerler değiştirilirse HER iki platform da etkilenir.
   Platform-özel değişiklik gerekiyorsa desktop/mobile klasörüne yaz.
   ============================================================ */

:root {
  /* --- Brand renkler (orijinal sitenin pixel-inspect değerleri) --- */
  --brand-green:       rgb(52, 186, 168);   /* teal — buton, accent */
  --brand-green-dark:  rgb(35, 124, 112);
  --brand-green-deep:  rgb(17, 62, 56);
  --leaf-green:        rgb(186, 218, 85);   /* header divider — orijinal Wix pixel */
  --leaf-green-dark:   rgb(50, 123, 77);
  --brand-red:         rgb(237, 28, 36);
  --brand-blue:        rgb(0, 136, 203);
  --brand-yellow:      rgb(255, 203, 5);

  /* --- Nav & anlasse başlık renkleri (birebir Wix editor değerleri) --- */
  --nav-link:          #57772F;   /* nav default (Wix Standard state) */
  --nav-link-active:   #6CB942;   /* nav hover/aktif (Wix Mouseover state) */
  --anlasse-title:     #6CB942;   /* Anlässe sayfa başlıkları — orijinal Wix pixel */

  /* --- Yüzeyler --- */
  --surface-1:  #ffffff;
  --surface-2:  #f4f4f5;
  --surface-3:  #e4e4e7;

  /* --- Metin --- */
  --text-primary:   rgb(47, 46, 46);
  --text-secondary: rgb(114, 114, 114);
  --text-muted:     rgb(176, 176, 176);
  --line:           rgb(204, 204, 204);

  /* --- Footer (birebir orijinal pixel değerleri) --- */
  --footer-social-bg:    rgb(211, 231, 147);   /* açık sarı-yeşil buton BG */
  --footer-social-outer: rgb(228, 241, 189);   /* padding alanı, biraz daha açık */
  --footer-bar-mint:     rgb(151, 180, 157);   /* sol açık mint */
  --footer-bar-green:    rgb(39, 120, 79);     /* orta yeşil */
  --footer-bar-dark:     rgb(0, 70, 35);       /* koyu yeşil - copyright BG */
  --footer-bar-orange:   rgb(215, 53, 1);      /* turuncu / rust */
  --footer-bar-peach:    rgb(255, 185, 147);   /* sağ şeftali */

  /* --- Tipografi ---
     Orijinal body: din-next-w01-light (Wix, lisanslı) → Barlow
     Orijinal Anlässe: Avenir LT W01 (Wix, lisanslı) → Nunito Sans (geometric sans, Avenir'e yakın) */
  --font-body: 'Barlow', 'Helvetica Neue', Helvetica, Arial, 'Segoe UI', sans-serif;
  --font-avenir: 'Avenir LT W01', 'Avenir Next', Avenir, 'Nunito Sans', 'Helvetica Neue', Arial, sans-serif;
  --font-italic-heading: Georgia, 'Times New Roman', serif;

  --fs-caption:      12px;
  --fs-body-sm:      14px;   /* orijinal reservation body/meta = 14px */
  --fs-body:         16px;   /* orijinal nav = 16px */
  --fs-body-lg:      17px;   /* orijinal Öffnungszeiten satırları = 17px */
  --fs-title:        20px;
  --fs-title-lg:     22px;
  --fs-display:      28px;   /* CTA başlıkları (Familienfeiern...) */
  --fs-display-lg:   32px;
  --fs-section:      34px;   /* Sayfa başlıkları teal green (Unser Team, Anlässe, Menüvorschläge) */

  --lh-body:  1.5;
  --lh-tight: 1.2;

  /* --- Spacing (4-grid) --- */
  --sp-xs:   4px;
  --sp-sm:   8px;
  --sp-md:  16px;
  --sp-lg:  24px;
  --sp-xl:  32px;
  --sp-2xl: 48px;
  --sp-3xl: 64px;
  --sp-4xl: 96px;

  /* --- Radius --- */
  --rad-sm:   4px;
  --rad-md:   8px;
  --rad-lg:  16px;
  --rad-full: 9999px;

  /* --- Container --- */
  --container-max:    1200px;
  --container-narrow:  840px;
  --container-form:    480px;
  --container-button:  400px;

  /* --- Component boyutları (kural.md D — SABİT) --- */
  --size-btn-h:      48px;
  --size-btn-h-sm:   40px;
  --size-input-h:    48px;
  --size-touch-min:  48px;
  --size-icon-sm:    16px;
  --size-icon-md:    24px;
  --size-icon-lg:    32px;
  --size-icon-xl:    48px;

  /* --- Motion --- */
  --dur-fast:   150ms;
  --dur-normal: 250ms;
  --dur-slow:   400ms;
  --ease-out:   cubic-bezier(0.16, 1, 0.3, 1);

  /* --- Z-index --- */
  --z-side-action:     70;
  --z-header:          80;
  --z-drawer-backdrop: 90;
  --z-drawer:         100;
  --z-cookie:         200;
  --z-modal:          300;
}