/* === DESIGN TOKENS === */
/* Marka: Mavi #0F75BC (primary/CTA) + Yeşil #8CC342 (secondary/accent) — logo uyumlu */
:root {
  /* --- Marka & Aksiyon (Mavi) --- */
  --c-primary: #0F75BC;
  --c-primary-dark: #0C5E97;
  --c-primary-darker: #094874;
  --c-primary-light: #e8f2fa;
  --c-primary-glow: rgba(15,117,188,.12);

  /* --- Marka Vurgu (Yeşil) --- */
  --c-secondary: #8CC342;
  --c-secondary-dark: #74a831;
  --c-secondary-light: #f1f8e7;
  --c-secondary-glow: rgba(140,195,66,.14);

  /* --- Accent (geriye uyum = primary) --- */
  --c-accent: #0F75BC;
  --c-accent-light: #e8f2fa;

  /* --- Koyu Nötr / Mürekkep (header, footer, başlık) --- */
  --c-ink: #13202b;
  --c-ink-light: #1e3140;
  --c-ink-deep: #0b141b;

  /* --- Durum renkleri --- */
  --c-success: #5ba829;
  --c-success-strong: #3f7d1c;
  --c-success-bg: rgba(91,168,41,.12);
  --c-danger: #e5484d;
  --c-danger-bg: rgba(229,72,77,.10);
  --c-warning: #f5a623;
  --c-warning-bg: rgba(245,166,35,.12);

  /* --- Nötrler --- */
  --c-bg: #f4f7fa;
  --c-bg-warm: #f7faf6;
  --c-card: #ffffff;
  --c-text: #1b2730;
  --c-text-secondary: #5a6b78;
  --c-text-muted: #9aaab5;
  --c-border: #e2e8ed;
  --c-border-light: #eef2f5;
  --c-white: #ffffff;
  --c-black: #0a0f13;

  /* --- Gri skala (legacy --kp-gray-* kaynağı) --- */
  --c-gray-50: #f7fafb;
  --c-gray-100: #f0f4f6;
  --c-gray-200: #e2e8ed;
  --c-gray-300: #cbd5dc;
  --c-gray-400: #9aaab5;
  --c-gray-500: #7a8a95;
  --c-gray-600: #5a6b78;
  --c-gray-700: #3d4b55;
  --c-gray-800: #26333c;

  /* --- Gradient & marka yüzeyleri --- */
  --grad-brand: linear-gradient(135deg,#0F75BC 0%,#8CC342 100%);
  --grad-brand-soft: linear-gradient(135deg,#e8f2fa 0%,#f1f8e7 100%);
  --grad-primary: linear-gradient(135deg,#0F75BC 0%,#0C5E97 100%);
  --grad-hero: linear-gradient(135deg,#13202b 0%,#0f2e47 55%,#0F75BC 100%);

  /* --- Tipografi --- */
  --font-head: 'Outfit', sans-serif;
  --font-body: 'DM Sans', system-ui, sans-serif;
  --fs-xs: .6875rem;
  --fs-sm: .8125rem;
  --fs-base: .9375rem;
  --fs-md: 1.0625rem;
  --fs-lg: 1.25rem;
  --fs-xl: 1.625rem;
  --fs-2xl: 2rem;
  --fs-3xl: 2.75rem;

  /* --- Radius (yumuşatılmış) --- */
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 18px;
  --r-xl: 26px;
  --r-full: 9999px;

  /* --- Gölgeler (mürekkep tonlu, çok katmanlı) --- */
  --s-xs: 0 1px 2px rgba(19,32,43,.05);
  --s-sm: 0 1px 3px rgba(19,32,43,.06),0 1px 2px rgba(19,32,43,.04);
  --s-md: 0 4px 12px rgba(19,32,43,.07),0 2px 4px rgba(19,32,43,.04);
  --s-lg: 0 12px 28px rgba(19,32,43,.10),0 4px 8px rgba(19,32,43,.05);
  --s-xl: 0 20px 48px rgba(19,32,43,.14),0 8px 16px rgba(19,32,43,.06);
  --s-primary: 0 6px 18px rgba(15,117,188,.30);
  --s-primary-lg: 0 10px 28px rgba(15,117,188,.38);
  --s-secondary: 0 6px 18px rgba(140,195,66,.32);

  /* --- Spacing --- */
  --sp-2xs: 2px;
  --sp-xs: 4px;
  --sp-sm: 8px;
  --sp-md: 16px;
  --sp-lg: 24px;
  --sp-xl: 32px;
  --sp-2xl: 48px;
  --sp-3xl: 64px;
  --sp-4xl: 96px;

  /* --- Transition --- */
  --ease: cubic-bezier(.4,0,.2,1);
  --ease-spring: cubic-bezier(.34,1.56,.64,1);
  --dur: .25s;
  --dur-fast: .15s;
  --dur-slow: .4s;

  /* --- Focus ring --- */
  --c-focus-ring: 0 0 0 3px var(--c-primary-glow);

  /* --- Z-index ---
     DIKKAT: --z-overlay, --z-drawer'in ALTINDA olmalidir. Karartma katmani
     cekmecenin ustune cikarsa cekmece griler ve tum dokunuslar link yerine
     karartmaya gider (karartma da menuyu kapatir) -> "mobilde menu calismiyor".
     Once tersiydi (drawer 300 / overlay 400) ve mobil menu tamamen tiklanamazdi. */
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-overlay: 300;
  --z-drawer: 400;
  --z-toast: 500;
  --z-modal: 1050;

  /* --- Header heights --- */
  --h-topbar: 36px;
  --h-header: 64px;
  --h-nav: 48px;
  --h-bottomnav: 56px;

  /* --- Container --- */
  --container-max: 1320px;

  /* === LEGACY ALIAS KÖPRÜSÜ (geçici — view inline style'ları için) === */
  /* Sayfalar canonical token'lara taşındıkça bu blok küçülür. */
  --bg: var(--c-bg);
  --orange: var(--c-primary);
  --radius: var(--r-md);
  --border: var(--c-border);
  --text-secondary: var(--c-text-secondary);
  --text-muted: var(--c-text-muted);
  --kp-orange: var(--c-primary);
  --kp-navy: var(--c-ink);
  --kp-danger: var(--c-danger);
  --kp-success: var(--c-success);
  --kp-radius: var(--r-md);
  --kp-radius-lg: var(--r-lg);
  --kp-gray-50: var(--c-gray-50);
  --kp-gray-100: var(--c-gray-100);
  --kp-gray-200: var(--c-gray-200);
  --kp-gray-300: var(--c-gray-300);
  --kp-gray-400: var(--c-gray-400);
  --kp-gray-500: var(--c-gray-500);
  --kp-gray-600: var(--c-gray-600);
  --kp-gray-700: var(--c-gray-700);
  --kp-gray-800: var(--c-gray-800);
}