/* ================================================================
   Harmoniq — tasarim belirteçleri (Nocturne)
   TEK KAYNAK. Hem app.css hem admin paneli bu dosyayi kullanir;
   renk veya olcu degistirilecsekse yalniz burasi degisir.
   ================================================================ */
:root{
  /* yuzeyler */
  --bg:#161826;--surface:#232532;
  --line:#3f424d;--line-soft:rgba(233,233,237,.08);
  --divider:rgba(233,233,237,.16);

  /* metin */
  --text:#e9e9ed;--muted:#9397ab;--dim:#75798c;--faint:#595d6c;
  --n300:#cfd3e5;--n400:#b2b6ca;--n500:#9397ab;--n600:#75798c;
  --n700:#595d6c;--n800:#3f424d;--n900:#292b31;

  /* aksan */
  --accent:#9184d9;--accent-2:#a7a1db;
  --accent-100:#d2cefd;--accent-200:#b5abfc;--accent-600:#5d5294;--accent-700:#423a6a;
  --a100:#f5f4ff;--a300:#d2cefd;--a400:#b5abfc;--a600:#796cbf;--a700:#5d5294;--a800:#423a6a;

  /* durum */
  --ok:#7fc9a6;--warn:#e0b57e;--bad:#c98f8f;

  /* olcu */
  --r-sm:4px;--r-md:8px;--r-lg:14px;
  --sh-sm:0 0 0 1px #3f424d;--sh-md:0 0 0 1px #595d6c,0 6px 18px rgba(0,0,0,.55);
}

/* panelde de kullanilan ortak animasyonlar */
@keyframes hq-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes hqSpin{to{transform:rotate(360deg)}}