:root {
  color-scheme: dark;
  /* Yüzey katmanları — koyu tema varsayılan */
  --yuzey-0: #08080F;
  --yuzey-1: #0E0E17;
  --yuzey-2: #12121C;
  --yuzey-3: #1A1A28;
  /* Kenarlık — border-first derinlik */
  --cerceve: rgba(255,255,255,.08);
  --cerceve-guclu: rgba(255,255,255,.14);
  --cila: inset 0 1px 0 rgba(255,255,255,.04); /* üstten ışık cilası */
  /* Metin hiyerarşisi */
  --metin-1: #F2F2F8;
  --metin-2: #A7A7BC;
  --metin-3: #6E6E84;
  /* Tek vurgu — elektrik indigo. Tüm glow/ring/aktif durum buradan türer */
  --vurgu: #8E7DFF;
  --vurgu-koyu: #6A55F2;
  --vurgu-bg: rgba(142,125,255,.14);
  --vurgu-cerceve: rgba(142,125,255,.35);
  --vurgu-ustu-metin: #0A0A12;
  --odak-halka: 0 0 0 3px rgba(142,125,255,.25);
  /* Semantik — temadan bağımsız sabit, üçlü desen */
  --basari: #2FBF71;
  --basari-bg: rgba(47,191,113,.14);
  --basari-metin: #4ADE97;
  --uyari: #E8A33D;
  --uyari-bg: rgba(232,163,61,.14);
  --uyari-metin: #F0B44C;
  --hata: #E5484D;
  --hata-bg: rgba(229,72,77,.12);
  --hata-metin: #F0655D;
  --bilgi: #3E9EE8;
  --bilgi-bg: rgba(62,158,232,.14);
  --bilgi-metin: #5CB3F0;
}

/* Açık tema = aynı değişkenlerin override'ı, ayrı palet değil */
[data-tema="acik"] {
  color-scheme: light;
  --yuzey-0: #F4F3FA;
  --yuzey-1: #FAFAFE;
  --yuzey-2: #FFFFFF;
  --yuzey-3: #EFEEF8;
  --cerceve: rgba(20,18,40,.10);
  --cerceve-guclu: rgba(20,18,40,.18);
  --cila: none;
  --metin-1: #191826;
  --metin-2: #565370;
  --metin-3: #8B89A0;
  --vurgu: #5B46E8;
  --vurgu-koyu: #4936C7;
  --vurgu-bg: rgba(91,70,232,.10);
  --vurgu-cerceve: rgba(91,70,232,.30);
  --vurgu-ustu-metin: #FFFFFF;
  --odak-halka: 0 0 0 3px rgba(91,70,232,.22);
}
:root {
  --font-display: "Clash Display", sans-serif; /* Arkon imzası, değişmez */
  --font-govde: "General Sans", sans-serif;
  /* Ölçek: boyut / satır yüksekliği / ağırlık / harf aralığı */
  --tip-display: 600 40px/1.10 var(--font-display);   --tip-display-aralik: -0.01em;
  --tip-h1: 600 32px/1.15 var(--font-display);        --tip-h1-aralik: -0.01em;
  --tip-h2: 500 24px/1.20 var(--font-display);        --tip-h2-aralik: 0;
  --tip-h3: 600 19px/1.30 var(--font-govde);          --tip-h3-aralik: 0;
  --tip-h4: 600 16px/1.40 var(--font-govde);          --tip-h4-aralik: 0;
  --tip-govde: 400 15px/1.60 var(--font-govde);
  --tip-kucuk: 400 13px/1.55 var(--font-govde);
  --tip-mikro: 600 10.5px/1.30 var(--font-govde);     --tip-mikro-aralik: 0.18em; /* uppercase */
}
:root {
  --easing: cubic-bezier(0.32, 0.72, 0, 1); /* imza easing */
  --sure-hizli: 160ms;
  --sure-normal: 240ms;
  --sure-yavas: 400ms; /* >500ms yasak */
  --basis-olcek: 0.97; /* basış geri bildirimi */
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}