/*
  palette.css — sabit renk dili (PRD-kisisellestirme-v1.md R1)

  Tüm yeni widget'lar (visuals/<id>-<slug>.html, dashboard, tesis görseli) bu değişkenleri
  kullanmalı. İlke: "renkli ama sakin" — yumuşak/pastel tonlar, yüksek kontrast/neon YOK,
  gereksiz otomatik animasyon YOK (ADHD aşırı-uyaran riski). Kutlama animasyonu (confetti vb.)
  yalnızca seviye atlama / Boss Fight kazanımı gibi tek seferlik olay anlarında kullanılır,
  sürekli/döngüsel animasyon kullanılmaz.

  Anlam eşlemesi sabittir — bir rengi başka bir anlamda kullanma:
    yeşil   = ustalık / doğru / çalışan ünite
    amber   = gelişiyor / kısmi doğru / dikkat
    mercan  = zayıf alan / yanlış / arızalı ünite
    lavanta = dil katmanı (İngilizce kart/kalıp)
    mavi    = tekrar / SM-2 / due kart
    kum/nötr = arka plan, kilitli/başlanmamış öğe
*/

:root {
  /* Anlam renkleri (pastel, düşük doygunluk) */
  --renk-basari: #8FBF9F;      /* yumuşak yeşil — ustalık 🟩, doğru cevap, çalışan ünite */
  --renk-gelisim: #E8C97A;     /* amber — 🟨 gelişiyor, kısmi doğru */
  --renk-zayif: #E0918A;       /* mercan — 🟥 zayıf alan, yanlış, arızalı ünite */
  --renk-dil: #B7A9D6;         /* lavanta — İngilizce kart/kalıp */
  --renk-tekrar: #8FB3D9;      /* mavi — SM-2 tekrar, due kart */
  --renk-notr: #C9C4BA;        /* kum — kilitli/başlanmamış */

  /* Nötr / arka plan */
  --bg-panel: #FAF7F2;         /* sıcak beyaz, tesis/koloni temasına uygun */
  --bg-panel-koyu: #2E2B27;    /* koyu mod paneli (opsiyonel) */
  --metin-ana: #2E2B27;
  --metin-ikincil: #6B655C;
  --kenarlik: #E4DFD6;

  /* Vurgu (koloni/tesis teması) — sadece seviye/karakter anlatımında, ders içeriğinde değil */
  --renk-tesis-vurgu: #C77B3A; /* pas/turuncu — sanayi/tesis hissi */
  --renk-koloni-yildiz: #6D8FB3; /* uzay/asteroit fonu için soft mavi-gri */

  /* Boyut/aralık — tutarlı görsel ritim için */
  --radius-standart: 10px;
  --gap-standart: 12px;
}

/* Yardımcı sınıflar — widget'lar bunları doğrudan kullanabilir */
.rd-basari   { color: var(--renk-basari); }
.rd-gelisim  { color: var(--renk-gelisim); }
.rd-zayif    { color: var(--renk-zayif); }
.rd-dil      { color: var(--renk-dil); }
.rd-tekrar   { color: var(--renk-tekrar); }
.rd-notr     { color: var(--renk-notr); }

.bg-basari   { background-color: var(--renk-basari); }
.bg-gelisim  { background-color: var(--renk-gelisim); }
.bg-zayif    { background-color: var(--renk-zayif); }
.bg-dil      { background-color: var(--renk-dil); }
.bg-tekrar   { background-color: var(--renk-tekrar); }
.bg-notr     { background-color: var(--renk-notr); }

/* Kutlama animasyonu — YALNIZCA tek seferlik olaylarda (seviye atlama, Boss Fight, ustalık
   rozeti kazanma) kullanılacak sınıf. Sürekli/döngüsel amaçla kullanılmaz. */
@keyframes rd-kutlama-parlak {
  0%   { transform: scale(1);    opacity: 1; }
  50%  { transform: scale(1.08); opacity: 0.85; }
  100% { transform: scale(1);    opacity: 1; }
}
.rd-kutlama {
  animation: rd-kutlama-parlak 600ms ease-in-out 1; /* tek seferlik, sonsuz döngü yok */
}