/* ==========================================================================
   KalDer — Modern Teal · Design Tokens
   Tek doğruluk kaynağı: huashu/design-dna.md
   Marka rengi kalder.org'dan korunmuştur (#00B2A9 / logo #00b5af).
   ========================================================================== */

:root {
  /* — Renk: Teal kimlik (korundu) — */
  --teal:          #00B2A9;   /* KalDer primary — CTA, vurgu, durum */
  --teal-600:      #00807A;   /* hover / derinlik */
  --teal-700:      #066;      /* koyu vurgu */
  --teal-tint:     #E0F5F3;   /* soft surface */
  --teal-tint-2:   #F2FBFA;   /* en açık zemin */

  /* — Nötr — */
  --ink:           #0B1F1E;   /* başlık + gövde (yüksek kontrast) */
  --ink-soft:      #3A4A49;   /* ikincil metin */
  --muted:         #6B7B7A;   /* yardımcı metin */
  --canvas:        #FFFFFF;
  --surface:       #F7FAF9;   /* kart/section zemin */
  --line:          #E6EFEE;   /* hairline */

  /* — Ödül aksanı (yalnız ödül bölümleri, ölçülü) — */
  --gold:          #C8A24A;
  --gold-soft:     #F4ECD6;

  /* — Tipografi — */
  --font-display: "Manrope", "Inter", system-ui, -apple-system, sans-serif;
  --font-body:    "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  --fw-black:  800;
  --fw-bold:   700;
  --fw-semi:   600;
  --fw-med:    500;
  --fw-reg:    400;

  /* Modüler ölçek 1.25 */
  --fs-xs:   0.78rem;
  --fs-sm:   0.875rem;
  --fs-base: 1rem;
  --fs-lg:   1.2rem;
  --fs-xl:   1.6rem;
  --fs-2xl:  2.25rem;
  --fs-3xl:  3rem;
  --fs-4xl:  clamp(2.4rem, 5.2vw, 4.2rem);

  /* — Grid / spacing — */
  --maxw:    1200px;
  --maxw-wide: 1320px;
  --gutter:  clamp(1.1rem, 4vw, 2rem);
  --section: clamp(4rem, 9vw, 7.5rem);

  --radius:    16px;
  --radius-sm: 12px;
  --radius-lg: 24px;
  --radius-pill: 999px;

  /* — Gölge — */
  --shadow-sm: 0 2px 8px rgba(11,31,30,.05);
  --shadow:    0 8px 28px rgba(11,31,30,.08);
  --shadow-lg: 0 22px 60px rgba(0,128,122,.16);
  --shadow-teal: 0 14px 36px rgba(0,178,169,.28);

  /* — Hareket — */
  --ease-gentle:   cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring:   cubic-bezier(0.34, 1.4, 0.64, 1);
  --dur-fast: 180ms;
  --dur-base: 320ms;
  --dur-slow: 560ms;
}