/* taşkışla.app tasarım belirteçleri — kaynak: docs/brand-guidelines.md (v0.1 taslak).
   Kılavuz değişince bu dosya aynı değişiklikte elle güncellenir. */

:root {
  color-scheme: light dark;

  /* Kâğıt ve grafit */
  --aydinger: #F3F0E6;
  --ust-aydinger: #FBFAF5;
  --grafit: #24231F;
  --grafit-koyu: #141411;
  --kursun: #6B675F;
  --cizgi: #D6D1C3;
  --cizgi-koyu: #8C877C;

  /* Tek vurgu: yazının arkasına sürülür, yazı rengi değildir */
  --fosforlu: #FFE14A;
  --fosforlu-koyu: #E6C21F;
  --fosforlu-acik: #FFF2B0;

  /* Durum */
  --hata: #B8321C;
  --basari: #2B7348;

  /* Alt marka etiketleri (yalnız grafik, yazı değil) */
  --etiket-harita: #0A63E8;
  --etiket-retro: #74844A;

  /* Rol eşlemeleri */
  --zemin: var(--aydinger);
  --yuzey: var(--ust-aydinger);
  --yazi: var(--grafit);
  --yazi-ikincil: var(--kursun);
  --vurgu-zemin: var(--fosforlu);
  --vurgu-yazi: var(--grafit);
  --baglanti: var(--grafit);
  --odak: var(--grafit);

  /* Yazı */
  --font-heading: 'Space Grotesk', system-ui, sans-serif;
  --font-body: 'Schibsted Grotesk', system-ui, sans-serif;
  --font-mono: 'Space Mono', ui-monospace, monospace;
  --font-note: 'Architects Daughter', cursive;

  /* Ölçü */
  --aralik-xs: 4px;
  --aralik-sm: 8px;
  --aralik-md: 16px;
  --aralik-lg: 24px;
  --aralik-xl: 40px;
  --aralik-2xl: 64px;
  --kose: 2px;
  --kenar: 1.5px;
  --ofset: 2px;
  --sure: 150ms;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --zemin: #1A1A17;
    --yuzey: #23221E;
    --yazi: #ECE8DC;
    --yazi-ikincil: #A39E92;
    --cizgi: #3A3832;
    --cizgi-koyu: #77736A;
    --hata: #F0806B;
    --basari: #6CC08F;
    --etiket-harita: #4C8DFF;
    --etiket-retro: #9DB06A;
    --baglanti: var(--fosforlu);
    --odak: var(--fosforlu);
  }
}

:root[data-theme="dark"] {
  --zemin: #1A1A17;
  --yuzey: #23221E;
  --yazi: #ECE8DC;
  --yazi-ikincil: #A39E92;
  --cizgi: #3A3832;
  --cizgi-koyu: #77736A;
  --hata: #F0806B;
  --basari: #6CC08F;
  --etiket-harita: #4C8DFF;
  --etiket-retro: #9DB06A;
  --baglanti: var(--fosforlu);
  --odak: var(--fosforlu);
}