/* ============================================================
   Doğse — tasarım token'ları (vitrin + yönetim ortak)
   Yön: "Botanik Eczane" — şişe camı yeşili, sıcak kâğıt,
   gül kurusu ve bal amber vurguları. Bileşen stili YAZILMAZ;
   yalnızca değişkenler + taban kurallar.
   ============================================================ */

:root {
  /* --- Renkler --------------------------------------------- */
  --bottle-900: #16291f;  /* en koyu şişe yeşili — footer, koyu zemin metni  */
  --bottle-800: #1e3d2f;  /* ana marka yüzeyi (hero, butonlar)               */
  --bottle-700: #27503c;
  --bottle-600: #2e5941;  /* linkler, ikincil vurgular (kâğıt üstünde AA)    */
  --bottle-500: #3e7154;
  --sage-400:   #8fae8b;  /* yaprak — dekor, ikon                            */
  --sage-200:   #cbdcc5;
  --sage-100:   #e4eddf;  /* yumuşak çip zemini                              */
  --paper-50:   #f7f3e8;  /* ana sayfa zemini                                */
  --paper-100:  #f1ebdb;  /* alternatif bölüm zemini                         */
  --paper-200:  #e7dfc9;  /* hafif kenarlık                                  */
  --paper-300:  #d8cfb2;  /* koyu kenarlık / ayraç                           */
  --ink-900:    #22301f;  /* ana metin                                       */
  --ink-600:    #55624f;  /* ikincil metin (kâğıt üstünde AA)                */
  --rose-500:   #be7b6f;  /* gül kurusu — dekor, büyük vurgu                 */
  --rose-700:   #9c5a4e;  /* gül kurusu — küçük metin için güvenli           */
  --rose-800:   #8e5045;  /* gül kurusu — açık gül zemin üstünde AA          */
  --honey-500:  #c9962e;  /* bal / amber — küçük süs vurguları               */
  --honey-400:  #d2a345;  /* bal / amber — koyu yeşil üstünde AA metin       */
  --khaki-500:  #9f9068;  /* kontrol "kapalı" durumu — beyaz üstünde 3:1     */
  --wa-500:     #25d366;  /* WhatsApp yeşili — YALNIZ FAB ve küçük ikonlar   */
  --danger-600: #b3402f;

  /* Koyu zemin üzeri metinler */
  --on-bottle:      #f7f3e8;
  --on-bottle-soft: #cfdcc9;

  /* --- Tipografi ------------------------------------------- */
  --font-display: "Literata", Georgia, "Times New Roman", serif;
  --font-body: "Instrument Sans", -apple-system, BlinkMacSystemFont,
               "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", "SF Mono", Menlo, Consolas, monospace;

  --text-hero: clamp(2.5rem, 5.6vw, 4.25rem);
  --text-h2:   clamp(1.9rem, 3.4vw, 2.7rem);
  --text-h3:   1.375rem;
  --text-h4:   1.15rem;
  --text-lg:   1.125rem;
  --text-md:   1rem;
  --text-sm:   .875rem;
  --text-xs:   .78rem;
  --leading-tight: 1.12;
  --leading-body:  1.65;
  --tracking-label: .14em;   /* mono etiket/eyebrow satırları */

  /* --- Boşluk, biçim, derinlik ------------------------------ */
  --space-1: 4px;  --space-2: 8px;   --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px;  --space-7: 48px; --space-8: 64px;
  --space-9: 96px; --space-10: 128px;

  --radius-sm: 8px; --radius-md: 14px; --radius-lg: 22px; --radius-pill: 999px;
  --shadow-soft: 0 12px 32px -14px rgb(30 61 47 / .20);
  --shadow-lift: 0 22px 48px -18px rgb(30 61 47 / .30);
  --container: 1160px;

  --dur-quick: 180ms;
  --dur-slow:  560ms;
  --ease-out:  cubic-bezier(.22, .61, .36, 1);
}

/* --- Taban ------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-delay: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

body {
  margin: 0;
  font-family: var(--font-body);
  font-size: var(--text-md);
  line-height: var(--leading-body);
  color: var(--ink-900);
  background: var(--paper-50);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

img, svg { max-width: 100%; display: block; }
button { font: inherit; cursor: pointer; }
input, textarea, select { font: inherit; }

:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--bottle-500) 65%, white);
  outline-offset: 2px;
  border-radius: 4px;
}

::selection { background: var(--sage-200); color: var(--ink-900); }