/* ============================================================
   MUĞLA BÖCEK İLAÇLAMA — TASARIM TOKENLARI (tek kaynak)
   Renk/tipografi/spacing burada; tüm site otomatik uyumlu.
   Palet: steril yeşil–teal + güven laciverti + amber "hemen ara".
   ============================================================ */
:root {
  /* Marka renkleri */
  --teal-50:  #e8f7f2;
  --teal-100: #c6ece0;
  --teal-300: #5fd3b3;
  --teal-500: #12b48a;   /* ana */
  --teal-600: #0d9a76;
  --teal-700: #0d7a5f;   /* koyu */
  --teal-800: #0a5e49;

  --navy-700: #12324b;
  --navy-800: #0d2438;   /* güven laciverti */
  --navy-900: #081827;

  --amber-400: #ffb733;
  --amber-500: #f6a723;  /* vurgu / hemen ara */
  --amber-600: #e6900a;

  /* Nötrler */
  --ink:      #0f2430;
  --gray-700: #33475a;
  --gray-600: #4a5c6d;
  --gray-500: #6b7c8b;
  --gray-400: #9aa8b4;
  --gray-300: #cdd6dd;
  --gray-200: #e6ecf0;
  --gray-100: #f2f6f8;
  --surface:  #ffffff;
  --bg:       #f7fafb;

  /* Anlam renkleri */
  --whatsapp: #25d366;
  --whatsapp-dark: #1da851;
  --success-bg: #e6f7ef;
  --success-fg: #0d7a5f;
  --error-bg:  #fdeaea;
  --error-fg:  #c0392b;

  /* Gradientler */
  --grad-hero: linear-gradient(135deg, #0a5e49 0%, #0d7a5f 45%, #12b48a 100%);
  --grad-teal: linear-gradient(135deg, var(--teal-600) 0%, var(--teal-800) 100%);
  --grad-amber: linear-gradient(135deg, var(--amber-400) 0%, var(--amber-600) 100%);
  --grad-navy: linear-gradient(135deg, var(--navy-700) 0%, var(--navy-900) 100%);

  /* Gölgeler */
  --shadow-xs: 0 1px 2px rgba(13,36,56,.06);
  --shadow-sm: 0 2px 6px rgba(13,36,56,.08);
  --shadow-md: 0 8px 24px rgba(13,36,56,.10);
  --shadow-lg: 0 16px 40px rgba(13,36,56,.14);
  --shadow-teal: 0 12px 30px rgba(18,180,138,.28);
  --shadow-amber: 0 10px 26px rgba(246,167,35,.35);

  /* Tipografi */
  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  --fs-hero: clamp(2rem, 4.6vw, 3.4rem);
  --fs-h1:   clamp(1.75rem, 3.4vw, 2.6rem);
  --fs-h2:   clamp(1.4rem, 2.4vw, 2rem);
  --fs-h3:   clamp(1.1rem, 1.6vw, 1.35rem);
  --fs-lead: clamp(1.05rem, 1.5vw, 1.25rem);

  /* Ölçü */
  --container: 1240px;
  --pad-x: 20px;
  --radius-sm: 8px;
  --radius: 14px;
  --radius-lg: 22px;
  --radius-full: 999px;

  /* Geçiş */
  --t-fast: .15s ease;
  --t: .28s cubic-bezier(.4,0,.2,1);
  --t-slow: .5s cubic-bezier(.4,0,.2,1);

  --header-h: 116px;
}