/* tokens.css — tasarım anayasası token'ları (paket #3 §5). Hex/px yalnız BURADA tanımlı;
   bileşenler var(--…) kullanır (hardcode YOK). */
:root {
  /* Kimlik renkleri */
  --coral: #FF6B4A;
  --coral-koyu: #E85636;
  --coral-acik: #FFE7E0;
  --bal: #FFC247;
  --bal-acik: #FFF3D6;

  /* Yardımcı (açılır blok kimliği = mor) */
  --yardimci-mor: #8B7FD6;
  --yardimci-acik: #EEEAFB;

  /* Yüzeyler + metin */
  --zemin: #FFF9F5;
  --kart: #FFFFFF;
  --metin: #2E2A28;
  --metin-soluk: #6B635F;

  /* Durum renkleri (kırmızı yalnız SİSTEM hatası) */
  --amber: #F4A340;
  --amber-acik: #FDEFD9;
  --yesil: #5FB97E;
  --sistem-kirmizi: #D2493E;

  /* Konu dünyası nesne renkleri (stilize çizimler; tasarim-anayasasi "Konu görselleri") */
  --nesne-tas: #9A938E;
  --nesne-tas-koyu: #5E5854;
  --nesne-tas-acik: #D8D2CD;
  --nesne-ates: #FF8A1F;
  --nesne-ates-ic: #FFD166;
  --nesne-komur: #2E2A28;
  --nesne-demir: #E9E4E0;
  --nesne-cevher: #D99A7A;
  --nesne-yosun: #4E6B34;
  --nesne-tahta: #A8733F;
  --nesne-gece: #2D3561;
  --nesne-cim: #57AB41;
  --nesne-kulce: #AFC0CC;
  --gok-ust: #8fd0f5;
  --gok-alt: #e4f5ff;
  --gok-gunes: #ffe38a;
  --blok-tugla: #b35440;
  --blok-tas: #767676;
  --blok-tahta: #8c6838;

  /* Gölge + tipografi */
  --golge: 0 2px 8px rgba(120, 80, 60, .10);
  --font-baslik: 'Fredoka', system-ui, sans-serif;
  --font-govde: 'Nunito', system-ui, sans-serif;
  --punto-govde: 17px;
  --punto-kucuk: 15px;
  --satir-yuksek: 1.6;

  /* Ölçü token'ları (akışkan; sabit px genişlik yok) */
  --dokunma-min: 44px;
  --radius: 14px;
  --bosluk: 1rem;
  --olcu-max: 760px;
}