/* Sona kurumsal kimlik - renk token'lari v1  |  2026-07-21
   Marka mavisi #0076be KILITLI (2020 master'dan olculdu).
   Olcekler OKLCH'de algisal olarak esit adimli uretildi; marka hue'su 246.2 derece.
   Koyu tema: mavi-400 tek vurgu (metin + buton zemini). Tum ciftler WCAG AA dogrulandi. */

:root {
  /* --- olcekler --- */
  --sona-mavi-50: #e6f6ff;
  --sona-mavi-100: #c8e7ff;
  --sona-mavi-200: #9bd3ff;
  --sona-mavi-300: #68b3f4;
  --sona-mavi-400: #479ee4;
  --sona-mavi-500: #2a89d1;
  --sona-mavi-600: #0076be;
  --sona-mavi-700: #0061a1;
  --sona-mavi-800: #004b7f;
  --sona-mavi-900: #00355c;

  --sona-notr-50: #f7fafe;
  --sona-notr-100: #eef2f7;
  --sona-notr-200: #e0e5ea;
  --sona-notr-300: #cdd2d8;
  --sona-notr-400: #a1a9b1;
  --sona-notr-500: #7c858f;
  --sona-notr-600: #5d6772;
  --sona-notr-700: #434e5b;
  --sona-notr-800: #2b3644;
  --sona-notr-900: #162230;
  --sona-notr-950: #081522;

  --sona-basari-metin: #2c8742;
  --sona-basari-ana: #4ea65f;
  --sona-basari-zemin: #e3f6e5;
  --sona-basari-koyu: #83cc8d;
  --sona-uyari-metin: #a06c00;
  --sona-uyari-ana: #c08a12;
  --sona-uyari-zemin: #fbeeda;
  --sona-uyari-koyu: #deaf5c;
  --sona-hata-metin: #c94d45;
  --sona-hata-ana: #ec6d62;
  --sona-hata-zemin: #ffe8e4;
  --sona-hata-koyu: #ff9388;

  /* --- anlamsal (AYDINLIK tema) --- */
  --sona-marka: var(--sona-mavi-600);
  --sona-zemin: #ffffff;
  --sona-yuzey: var(--sona-notr-50);
  --sona-kenarlik: var(--sona-notr-200);
  --sona-metin: var(--sona-notr-800);
  --sona-metin-ikincil: var(--sona-notr-600);
  --sona-vurgu: var(--sona-mavi-600);
  --sona-buton-zemin: var(--sona-mavi-600);
  --sona-buton-yazi: #ffffff;
  --sona-odak: var(--sona-mavi-500);
}

/* --- KOYU tema --- */
@media (prefers-color-scheme: dark) { :root:not([data-theme='light']) {
  --sona-zemin: var(--sona-notr-950);
  --sona-yuzey: var(--sona-notr-900);
  --sona-kenarlik: var(--sona-notr-800);
  --sona-metin: var(--sona-notr-200);
  --sona-metin-ikincil: var(--sona-notr-400);
  --sona-vurgu: var(--sona-mavi-400);
  --sona-buton-zemin: var(--sona-mavi-400);
  --sona-buton-yazi: var(--sona-notr-950);
  --sona-odak: var(--sona-mavi-300);
  --sona-basari-metin: var(--sona-basari-koyu);
  --sona-uyari-metin: var(--sona-uyari-koyu);
  --sona-hata-metin: var(--sona-hata-koyu);
} }

:root[data-theme='dark'] {
  --sona-zemin: var(--sona-notr-950);
  --sona-yuzey: var(--sona-notr-900);
  --sona-kenarlik: var(--sona-notr-800);
  --sona-metin: var(--sona-notr-200);
  --sona-metin-ikincil: var(--sona-notr-400);
  --sona-vurgu: var(--sona-mavi-400);
  --sona-buton-zemin: var(--sona-mavi-400);
  --sona-buton-yazi: var(--sona-notr-950);
  --sona-odak: var(--sona-mavi-300);
  --sona-basari-metin: var(--sona-basari-koyu);
  --sona-uyari-metin: var(--sona-uyari-koyu);
  --sona-hata-metin: var(--sona-hata-koyu);
}