/* 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;

  /* 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;
}