/* ═══════════════════════════════════════════════════════════════════════════
   DentalAYS design tokens — Aşama 1 (sıfır görsel değişim)
   Bu dosya style.css'ten ÖNCE yüklenir. Değerler canlı style.css/overrides.css'ten
   birebir çıkarıldı; hiçbir renk normalize EDİLMEDİ (#333 ≠ #3a3a3a kalır).
   Plan: docs/design/plan.md · Envanter: docs/design/tokens-inventory.md
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
  /* ── Metin / zemin ────────────────────────────────────────────────── */
  --da-ink: #3a3a3a;            /* gövde metni, 121× */
  --da-ink-2: #333;             /* svg fill + mavi kart üstü metin, 5× */
  --da-black: #000;             /* 9× */
  --da-white: #fff;             /* 51× */
  --da-white-25: rgba(255, 255, 255, 0.2509803922); /* video overlay pill */

  /* ── Marka vurgu (mavi) ───────────────────────────────────────────── */
  --da-accent: #0a78aa;         /* butonlar, linkler, banner gradient */
  --da-accent-hover: #096398;   /* .book-now-btn:hover, gradient bitişi */
  --da-accent-tint: rgba(10, 120, 170, 0.1);   /* aktif dil / hover zemin */
  --da-accent-ring: rgba(10, 120, 170, 0.12);  /* form focus halkası */
  --da-accent-glow: rgba(10, 120, 170, 0.14);  /* form kartı gölgesi */

  /* ── Pastel kart zeminleri (cardColors.ts ile aynı) ───────────────── */
  --da-card-green: #cae3c6;
  --da-card-blue: #c7d6ea;
  --da-card-cream: #e6dfc7;
  --da-card-green-deep: #bfd7b8; /* yeşil kart hover/koyu varyant */
  --da-card-blue-deep: #b3cbe8;  /* mavi kart hover/koyu varyant */
  --da-card-blue-glow: rgba(199, 214, 234, 0.6); /* mavi kart gölgesi */
  /* content-styles.css takma adları (geriye dönük uyumluluk) */
  --da-box-blue: var(--da-card-blue);
  --da-box-green: var(--da-card-green);
  --da-box-tan: var(--da-card-cream);

  /* ── Gri rampa (açıktan koyuya; 13 tekil değer, Aşama 3'te 4-5'e iner) */
  --da-gray-50: #fdfdfd;
  --da-gray-75: #fafafa;
  --da-gray-100: #f8f9fa;
  --da-gray-150: #f0f0f0;
  --da-gray-200: #eee;
  --da-gray-250: #ededed;
  --da-gray-300: #e1e8ed;
  --da-gray-350: #d0d5dd;       /* form input çerçevesi, 6× */
  --da-gray-400: #ccc;
  --da-gray-500: #6b7280;
  --da-gray-600: #6b6a6a;
  --da-gray-700: #495057;
  --da-gray-800: #1f2937;
  --da-gray-900: #2a2a2a;
  --da-slate: #2c3e50;
  --da-muted: #9aa5b4;          /* form yardımcı metni */
  --da-navy: #0a2540;           /* form başlığı */

  /* ── Navigasyon nötrleri (2026-09 nav işinden; DESIGN.md "Navigation") ─── */
  --da-nav-ink: #1f2a33;
  --da-nav-muted: #5f6d78;
  --da-nav-muted-light: #8a97a3;
  --da-nav-line: #dde5ec;
  --da-whatsapp-deep: #1da851;

  /* ── Çizgiler / ayırıcılar ────────────────────────────────────────── */
  --da-line: rgba(0, 0, 0, 0.08);        /* navbar alt çizgisi */
  --da-line-faint: rgba(0, 0, 0, 0.05);
  --da-line-navy: rgba(43, 43, 69, 0.12);
  --da-line-blue: #e6ecf5;
  --da-line-blue-2: #d6dee9;

  /* ── Gölge renkleri (gölge tanımları Aşama 1b'de tokenlenir) ──────── */
  --da-shadow-hairline: rgba(16, 24, 40, 0.05); /* tek gerçek sistem gölgesi, 7× */
  --da-shadow-3: rgba(0, 0, 0, 0.03);
  --da-shadow-6: rgba(0, 0, 0, 0.06);
  --da-shadow-10: rgba(0, 0, 0, 0.1);
  --da-shadow-15: rgba(0, 0, 0, 0.15);
  --da-shadow-20: rgba(0, 0, 0, 0.2);
  --da-shadow-40: rgba(0, 0, 0, 0.4);
  --da-overlay: rgba(0, 0, 0, 0.5);       /* popup arka planı */

  /* ── Durum / üçüncü parti ─────────────────────────────────────────── */
  --da-error: #d0342c;          /* form doğrulama (overrides) */
  --da-error-2: rgb(215, 62, 62); /* form doğrulama (style.css) */
  --da-link: #007bff;           /* content-styles */
  --da-table-head-line: #9ab3d7;
  --da-table-row-line: #dde7f3;
  --da-hairline: #eef2f6;
  --da-whatsapp: #25d366;
  --da-instagram: #e4405f;

  /* ── Tipografi (1c) — Montserrat Google Fonts link ile yüklenir (next/font YASAK, layout.tsx) */
  --da-font: "Montserrat", sans-serif;
  --da-fs-8: 8px;
  --da-fs-10: 10px;
  --da-fs-12: 12px;
  --da-fs-13: 13px;
  --da-fs-14: 14px;
  --da-fs-15: 15px;
  --da-fs-16: 16px;             /* gövde, 74× */
  --da-fs-18: 18px;
  --da-fs-20: 20px;
  --da-fs-24: 24px;             /* kart başlığı, 49× */
  --da-fs-28: 28px;
  --da-fs-32: 32px;             /* section başlığı, 27× */
  --da-fs-36: 36px;
  --da-fs-42: 42px;             /* hero h1 */
  --da-fw-regular: 400;
  --da-fw-medium: 500;
  --da-fw-semibold: 600;
  --da-fw-bold: 700;
  --da-fw-extrabold: 800;

  /* ── Boşluk ritmi (1d) — yalnız gap ve konteyner; 60 tekil padding/margin style.css'te kaldı */
  --da-space-8: 8px;
  --da-space-16: 16px;          /* kart içi gap, 68× */
  --da-space-24: 24px;
  --da-space-32: 32px;          /* section gap, 38× */
  --da-space-64: 64px;
  --da-container-max: 1280px;
  --da-container-pad: 20px;

  /* ── Köşe yarıçapı (1b) — tekil değerler (3/4/5/6/10/15/20/24/28/50px) style.css'te kaldı */
  --da-radius-box: 32px;        /* kart/section/görsel, 79× */
  --da-radius-panel: 16px;      /* iç panel/feature-box, 19× */
  --da-radius-card: 8px;        /* buton/küçük kart, 6× */
  --da-radius-table: 12px;

  /* ── Gölge (1b) — tek sistem gölgesi; diğer 9 tekil tanım style.css'te kaldı */
  --da-shadow-sm: 0px 1px 2px 0px var(--da-shadow-hairline);
  --da-pad-box: 30px;
  --da-pad-box-wide: 40px;
}