/* ===========================================================
   Ferah Kimya — Tasarım belirteçleri (design tokens)
   Şık, ferah, doğal his. Altın YOK. AI-default mor/mavi YOK.
   =========================================================== */
:root {
  /* Renkler */
  --bg: #f6f4ef;            /* sıcak kâğıt zemini */
  --surface: #ffffff;
  --surface-alt: #efebe3;   /* yumuşak yulaf */
  --surface-sunken: #f0ece4;
  --ink: #2b2a26;           /* sıcak siyaha yakın metin */
  --ink-soft: #45433d;
  --muted: #6e6a60;         /* ikincil metin */
  --line: #e2ddd3;          /* ince çizgiler */
  --line-strong: #d3ccbe;

  --primary: #4f6b57;       /* adaçayı yeşili */
  --primary-hover: #3e5546;
  --primary-soft: #e6ece6;
  --primary-ink: #ffffff;

  --accent: #b5754f;        /* sıcak kiremit (altın yerine) */
  --accent-hover: #9c6242;
  --accent-soft: #efe1d4;

  --success: #3e7c59;
  --success-soft: #e3efe7;
  --warning: #b5754f;
  --danger: #a4453b;
  --danger-soft: #f3e2df;

  /* Tipografi */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  --fs-xs: 0.78rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: 1.375rem;
  --fs-xl: 1.75rem;
  --fs-2xl: 2.25rem;
  --fs-3xl: 3rem;
  --fs-4xl: clamp(2.5rem, 5vw, 4rem);

  --lh-tight: 1.15;
  --lh-snug: 1.35;
  --lh-base: 1.65;

  /* Boşluk ölçeği */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4rem;
  --sp-9: 6rem;

  /* Köşe yarıçapı */
  --r-sm: 8px;
  --r: 12px;
  --r-lg: 18px;
  --r-pill: 999px;

  /* Gölgeler (yumuşak, sıcak) */
  --shadow-sm: 0 1px 2px rgba(43, 42, 38, 0.06), 0 1px 3px rgba(43, 42, 38, 0.05);
  --shadow: 0 6px 24px rgba(43, 42, 38, 0.08);
  --shadow-lg: 0 18px 48px rgba(43, 42, 38, 0.14);

  /* Düzen */
  --container: 1180px;
  --container-narrow: 820px;
  --header-h: 72px;

  --transition: 160ms ease;
  --transition-slow: 280ms ease;
}

@media (max-width: 640px) {
  :root {
    --fs-3xl: 2.25rem;
    --fs-2xl: 1.875rem;
    --header-h: 64px;
  }
}