/*
 * tokens.css — Uzman Elektronik tasarım tokenları (renk, tipografi, boşluk, köşe, gölge).
 * Hem ziyaretçi sitesi hem admin paneli bu dosyayı kullanır; marka değişiklikleri tek yerden yapılır.
 */
:root{
  /* --- Marka renkleri --- */
  --navy-950:#06121f;
  --navy-900:#081b2e;
  --navy-800:#0f2f4d;
  --navy-700:#1c4d73;
  --navy-100:#e7eef5;
  --navy-50:#f2f6fa;
  --orange-600:#c9531f;
  --orange-700:#a8431a;
  --orange-50:#fdf1ea;
  --green-600:#1fa855;
  --green-700:#178a45;
  --green-50:#eaf7ef;
  --wa-brand:#25d366;

  /* --- Nötrler --- */
  --gray-0:#ffffff;
  --gray-25:#fbfcfd;
  --gray-50:#f6f8fa;
  --gray-100:#eef1f5;
  --gray-200:#e3e8ee;
  --gray-300:#cdd6e0;
  --gray-500:#6b7b8d;
  --gray-600:#526275;
  --gray-900:#0f1b2a;

  /* --- Anlamsal renkler (eski adlar korunur) --- */
  --color-primary:var(--navy-800);
  --color-primary-dark:var(--navy-900);
  --color-primary-light:var(--navy-700);
  --color-accent:var(--orange-600);
  --color-accent-dark:var(--orange-700);
  --color-whatsapp:var(--green-600);
  --color-whatsapp-dark:var(--green-700);
  --color-bg:var(--gray-0);
  --color-bg-alt:var(--gray-50);
  --color-bg-dark:var(--navy-900);
  --color-text:var(--gray-900);
  --color-text-light:var(--gray-600);
  --color-border:var(--gray-200);

  /* --- Tipografi --- */
  --font:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --fs-xs:.78rem;
  --fs-sm:.875rem;
  --fs-base:1rem;
  --fs-md:1.0625rem;
  --fs-lg:1.125rem;
  --fs-h3:1.0625rem;
  --fs-h2:clamp(1.5rem, 1.15rem + 1.3vw, 2.125rem);
  --fs-h1:clamp(1.85rem, 1.25rem + 2.6vw, 3.05rem);
  --lh-tight:1.15;
  --lh-snug:1.3;
  --lh-body:1.65;

  /* --- Boşluk ölçeği --- */
  --space-1:4px;  --space-2:8px;  --space-3:12px; --space-4:16px;
  --space-5:20px; --space-6:24px; --space-7:32px; --space-8:40px;
  --space-9:48px; --space-10:64px;
  --section-y:clamp(56px, 4vw + 36px, 96px);
  --gutter:20px;

  /* --- Köşe, gölge, kenarlık --- */
  --radius-sm:8px;
  --radius:12px;
  --radius-md:14px;
  --radius-lg:18px;
  --radius-pill:999px;
  --border:1px solid var(--gray-200);
  --shadow-xs:0 1px 2px rgba(15,27,42,.05);
  --shadow-sm:0 1px 2px rgba(15,27,42,.04), 0 2px 6px rgba(15,27,42,.05);
  --shadow-md:0 10px 30px -12px rgba(15,47,77,.22), 0 2px 6px rgba(15,47,77,.05);
  --shadow-lg:0 24px 48px -20px rgba(15,47,77,.30);
  --ring:0 0 0 3px rgba(201,83,31,.28);

  /* --- Düzen --- */
  --max-width:1200px;
  --header-h:72px;
  --ease:cubic-bezier(.2,.7,.2,1);
}