/* fixhaber2026 — tasarım tokenları (v2, editoryal)
   Tek gerçek kaynak: renk, tipografi, boşluk, yerleşim değişkenleri.
   Panel renk ayarı yalnız --color-brand / --color-brand-dark override eder. */

:root {
  /* Marka */
  --color-brand:         #C8102E;
  --color-brand-dark:    #9B0C23;
  --color-ink:           #0E1726;
  --color-accent:        #0B57D0;

  /* Zemin / yüzey — editoryal: beyaz sayfa, açık gri servis yüzeyleri */
  --color-background:    #FFFFFF;
  --color-surface:       #FFFFFF;
  --color-surface-alt:   #F5F6F8;

  /* Metin */
  --color-text:          #14202E;
  --color-text-muted:    #667080;
  --color-text-invert:   #FFFFFF;

  /* Durum */
  --color-success:       #1B7F4B;
  --color-warning:       #C77700;
  --color-danger:        #C21B2B;
  --color-breaking:      #D2202F;
  --color-live:          #E11931;

  /* Çizgi — hairline ayraç dili */
  --color-border:        #E3E6EB;
  --color-border-strong: #C4CAD3;
  --rule: 1px solid var(--color-border);

  /* Kategori renkleri */
  --cat-gundem:    #C8102E;
  --cat-ekonomi:   #0E7A4F;
  --cat-dunya:     #0B57D0;
  --cat-spor:      #1D8348;
  --cat-teknoloji: #6C3FC5;
  --cat-saglik:    #0E8A8A;
  --cat-yasam:     #C77700;
  --cat-kultur:    #A63D77;

  /* Tipografi */
  --font-sans: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --tracking-tight: 0;
  --tracking-wide:  0;
  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.5rem;
  --text-2xl:  2.125rem;
  --text-hero: 2.25rem;

  --leading-tight: 1.18;
  --leading-body:  1.68;

  /* Boşluk — 4px taban */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  /* Yerleşim */
  --container-max: 1260px;
  --grid-gap: 24px;
  --radius-s: 2px;   /* keskin, gazete dili */
  --radius-m: 3px;

  /* Görsel oranları */
  --ratio-card:     16 / 9;
  --ratio-hero:     16 / 9;
  --ratio-portrait: 3 / 4;
  --ratio-square:   1 / 1;

  /* Gölge — yalnız yüzen katmanlar (menü, overlay) */
  --shadow-1: 0 1px 3px rgb(14 23 38 / .10);
  --shadow-2: 0 10px 34px rgb(14 23 38 / .16);

  /* Header yükseklikleri (CLS rezervi) */
  --topbar-h: 36px;
  --header-h: 84px;
  --nav-h: 48px;

  color-scheme: light;
}

/* Koyu tema: kullanıcı tercihi (data-theme) her zaman kazanır */
:root[data-theme="dark"] {
  --color-background:    #0F141C;
  --color-surface:       #131A24;
  --color-surface-alt:   #1B2430;
  --color-text:          #E8ECF1;
  --color-text-muted:    #98A2B0;
  --color-border:        #232D3B;
  --color-border-strong: #37424F;
  --color-accent:        #6FA8FF;
  --shadow-1: 0 1px 3px rgb(0 0 0 / .45);
  --shadow-2: 0 10px 34px rgb(0 0 0 / .55);
  color-scheme: dark;
}

/* Sistem koyu tercihi; kullanıcı açık temayı seçtiyse uygulanmaz */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-theme="dark"]) {
    --color-background:    #0F141C;
    --color-surface:       #131A24;
    --color-surface-alt:   #1B2430;
    --color-text:          #E8ECF1;
    --color-text-muted:    #98A2B0;
    --color-border:        #232D3B;
    --color-border-strong: #37424F;
    --color-accent:        #6FA8FF;
    --shadow-1: 0 1px 3px rgb(0 0 0 / .45);
    --shadow-2: 0 10px 34px rgb(0 0 0 / .55);
    color-scheme: dark;
  }
}