/* styles-theme.css — "Kayıt belgesi" kimlik belirteçleri (deslop disiplinli yeniden tasarım).
   Sıfatlar: keskin, kayıtlı, ölçülü, güvenilir. Soğuk nötrler (hue 250) + tek kanıt yeşili.
   İlke: renk = kanıt — vurgu yalnız etkileşim, onay ve odakta. Tasarım kaydı: DESIGN.md. */

:root {
  --display: 'IBM Plex Sans Condensed', 'IBM Plex Sans', system-ui, sans-serif;
  --govde: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mono: 'IBM Plex Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
  --genislik: 1360px;
  --kenar: clamp(20px, 5vw, 72px);
  /* Radius ölçeği: kart/cips yüzey değerleri; hap yalnız antet ve sayaca ayrılmıştır */
  --radius-kart: 12px;
  --radius-cips: 6px;
  --radius-hap: 999px;
  /* Hareket ölçeği: ease-out, az ve iletişimsel */
  --hiz-kisa: 150ms;
  --hiz-orta: 200ms;
  --hiz-uzun: 300ms;
  --yumuşak: cubic-bezier(0.23, 1, 0.32, 1);
}

/* Açık tema: soğuk beyaz zemin, is metni, kanıt yeşili */
:root,
html[data-tema="acik"] {
  color-scheme: light;
  --zemin: oklch(0.985 0.003 250);
  --yuzey: oklch(1 0 0);
  --metin: oklch(0.22 0.012 250);
  --pasif: oklch(0.45 0.012 250);
  --vurgu: oklch(0.47 0.11 155);
  --vurgu-guclu: oklch(0.40 0.10 155);
  --kirmizi: oklch(0.55 0.21 25);
  --kenar-cizgi: oklch(0.22 0.012 250 / 0.12);
  /* Cam iki doz: tam (antet bar + sayaç), hafif (hero künyesi + hakkımda) */
  --cam-yuzey: oklch(1 0 0 / 0.68);
  --cam-yuzey-hafif: oklch(1 0 0 / 0.55);
  --cam-kenar: oklch(0.22 0.012 250 / 0.10);
  --cam-kenar-hafif: oklch(0.22 0.012 250 / 0.12);
  --cam-golge: 0 1px 3px oklch(0.2 0.02 250 / 0.10);
  --cam-golge-hafif: 0 1px 2px oklch(0.2 0.02 250 / 0.05);
  /* İstatistik kompozisyonu: metin tonunda, çok soluk — renk=kanıt ilkesi gereği yeşil kullanılmaz */
  --mat-cizgi: oklch(0.22 0.012 250 / 0.14);
  --mat-dolgu: oklch(0.22 0.012 250 / 0.045);
}

/* Koyu tema: soğuk koyu gri zemin, açık metin, açık kanıt yeşili */
html[data-tema="koyu"] {
  color-scheme: dark;
  --zemin: oklch(0.19 0.010 250);
  --yuzey: oklch(0.245 0.012 250);
  --metin: oklch(0.94 0.004 250);
  --pasif: oklch(0.68 0.010 250);
  --vurgu: oklch(0.76 0.13 158);
  --vurgu-guclu: oklch(0.83 0.12 158);
  --kirmizi: oklch(0.68 0.19 25);
  --kenar-cizgi: oklch(0.94 0.004 250 / 0.12);
  --cam-yuzey: oklch(0.24 0.012 250 / 0.60);
  --cam-yuzey-hafif: oklch(0.24 0.012 250 / 0.42);
  --cam-kenar: oklch(1 0 0 / 0.12);
  --cam-kenar-hafif: oklch(1 0 0 / 0.09);
  --cam-golge: 0 1px 3px oklch(0 0 0 / 0.35);
  --cam-golge-hafif: 0 1px 2px oklch(0 0 0 / 0.28);
  --mat-cizgi: oklch(0.94 0.004 250 / 0.12);
  --mat-dolgu: oklch(0.94 0.004 250 / 0.04);
}

/* Sistem tercihi koyuysa ve kalıcı seçim yoksa koyu blok uygulanır */
@media (prefers-color-scheme: dark) {
  html:not([data-tema]) {
    color-scheme: dark;
    --zemin: oklch(0.19 0.010 250);
    --yuzey: oklch(0.245 0.012 250);
    --metin: oklch(0.94 0.004 250);
    --pasif: oklch(0.68 0.010 250);
    --vurgu: oklch(0.76 0.13 158);
    --vurgu-guclu: oklch(0.83 0.12 158);
    --kirmizi: oklch(0.68 0.19 25);
    --kenar-cizgi: oklch(0.94 0.004 250 / 0.12);
    --cam-yuzey: oklch(0.24 0.012 250 / 0.60);
    --cam-yuzey-hafif: oklch(0.24 0.012 250 / 0.42);
    --cam-kenar: oklch(1 0 0 / 0.12);
    --cam-kenar-hafif: oklch(1 0 0 / 0.09);
    --cam-golge: 0 1px 3px oklch(0 0 0 / 0.35);
    --cam-golge-hafif: 0 1px 2px oklch(0 0 0 / 0.28);
    --mat-cizgi: oklch(0.94 0.004 250 / 0.12);
    --mat-dolgu: oklch(0.94 0.004 250 / 0.04);
  }
}

/* Eski ad köprüleri: hero/pafta/endeks faz 2'ye kadar eski adlarla okuyor.
   --ultramarin-koyu hover/visited durağıydı; yeni sistemde --vurgu-guclu. */
:root {
  --kagit: var(--zemin);
  --murekkep: var(--metin);
  --ultramarin: var(--vurgu);
  --ultramarin-koyu: var(--vurgu-guclu);
  --hairline: var(--kenar-cizgi);
  --izgara: transparent;
}