/* CPI-TOKENS-V1 — kanonik tasarım tokenları
 * ============================================================
 * Sitedeki BEŞ yüzeyin (ana sayfa · iç sayfalar · yasal sayfalar ·
 * kariyer overlay · admin paneli) tek doğruluk kaynağı.
 *
 * Bu dosyaya yeni bir değer eklemeden önce: aynı işi yapan bir token
 * zaten var mı? Sekiz farklı mavi tam olarak bu soru sorulmadığı için
 * birikti.
 *
 * Yüzeylerin kendi tokenları (--bv4-*, --it-*, --buk-*, --cpi-dp-*)
 * silinmedi; buradaki değerlere ALIAS edildi. Böylece yüzlerce kullanım
 * noktasına dokunmadan tek merkezden yönetilebiliyor.
 */
:root{
  /* ---- Zemin ve mürekkep ---------------------------------------- */
  --cpi-ink:            #071426;  /* birincil koyu — beş yüzeyde ortak */
  --cpi-ink-elevated:   #0d2341;  /* koyu yüzey üzerinde yükseltilmiş kart */
  --cpi-navy-brand:     #0E2440;  /* beyan edilen marka navy'si — logo, e-posta */
  --cpi-paper:          #ffffff;
  --cpi-surface:        #ffffff;
  --cpi-surface-alt:    #F4F7FB;  /* açık bölüm zemini */
  --cpi-line:           #dbe3ee;  /* TEK çizgi grisi */
  --cpi-line-strong:    #c2ccd9;

  /* ---- Metin ----------------------------------------------------- */
  --cpi-text:           #071426;
  --cpi-text-muted:     #64748b;  /* TEK muted */
  --cpi-text-on-dark:   #ffffff;
  --cpi-text-muted-on-dark: #c9d6e4;

  /* ---- Accent ---------------------------------------------------- */
  --cpi-accent:         #0067a6;  /* açık zemin üzerinde — beyaz üstünde 5.95:1 */
  --cpi-accent-hover:   #00558a;
  --cpi-accent-on-dark: #38bdf8;  /* koyu zemin üzerinde — #071426 üstünde 8.6:1 */
  --cpi-accent-soft:    #E4EFF6;  /* accent'in açık zemini */
  --cpi-teal:           #20c9b7;  /* TEK teal */
  --cpi-green:          #17A673;  /* TEK yeşil */

  /* ---- Semantik (durum) ------------------------------------------ */
  --cpi-danger:         #c0392b;
  --cpi-danger-bg:      #fbeae8;
  --cpi-warning:        #8A5606;
  --cpi-warning-bg:     #f6ecdc;
  --cpi-success:        #2C6046;
  --cpi-success-bg:     #e1ede6;
  --cpi-info:           #0067a6;

  /* ---- Tipografi ------------------------------------------------- */
  --cpi-font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --cpi-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --cpi-size-h1:        clamp(34px, 4.6vw, 56px);
  --cpi-size-h2:        clamp(26px, 3.2vw, 38px);
  --cpi-size-h3:        21px;
  --cpi-size-body:      16px;
  --cpi-size-body-lg:   18px;
  --cpi-size-small:     14px;
  --cpi-size-kicker:    12px;

  --cpi-weight-h1:      800;   /* ana sayfa 900, iç sayfa 800 idi → 800 */
  --cpi-weight-h2:      800;   /* ana sayfa 700, iç sayfa 800 idi → 800 */
  --cpi-weight-h3:      700;
  --cpi-weight-body:    400;
  --cpi-weight-kicker:  700;
  --cpi-weight-button:  700;

  --cpi-track-h1:       -0.02em;  /* -1.665px ve -1.5px yerine oransal */
  --cpi-track-h2:       -0.015em;
  --cpi-track-kicker:   0.14em;

  --cpi-line-h1:        1.06;
  --cpi-line-h2:        1.12;
  --cpi-line-body:      1.65;

  /* ---- Yerleşim -------------------------------------------------- */
  --cpi-shell:          1180px;
  --cpi-content:        920px;
  --cpi-topbar-h:       32px;   /* iki sistemde ortak */
  --cpi-header-h:       72px;   /* ana sayfa 75, iç sayfa 181 idi → 72 */
  --cpi-section-py:     clamp(56px, 7vw, 96px);
  --cpi-gap:            22px;

  /* ---- Biçim ----------------------------------------------------- */
  --cpi-radius:         10px;
  --cpi-radius-sm:      4px;
  --cpi-radius-lg:      16px;
  --cpi-shadow:         0 18px 50px rgba(7,20,38,.08);
  --cpi-shadow-sm:      0 2px 8px rgba(7,20,38,.06);

  /* ---- Dokunma hedefi -------------------------------------------- */
  --cpi-tap:            44px;   /* WCAG 2.5.8 — 12px CTA'lar bunun altındaydı */
  --cpi-space-1:4px;
  --cpi-space-2:8px;
  --cpi-space-3:12px;
  --cpi-space-4:16px;
  --cpi-space-6:24px;
  --cpi-space-8:32px;
  --cpi-space-12:48px;
  --cpi-focus:0 0 0 3px var(--cpi-paper),0 0 0 6px var(--cpi-accent);
}

:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--cpi-accent);outline-offset:3px}
:where(button,input,select,textarea){font:inherit}
:where(button):disabled{cursor:not-allowed}
:where(input,textarea,select)[aria-invalid="true"]{border-color:var(--cpi-danger)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}