/* ---------------------------------------------------------------------------
 * Bilenyum — paylaşılan tasarım token'ları
 *
 * Tüm HTML sayfaları bu dosyayı yükler:
 *   <link rel="stylesheet" href="assets/tokens.css">
 *
 * Marka renkleri, ink (metin) renkleri, çizgi/border, border-radius ve genel
 * layout değişkenleri burada tek kaynaktan tanımlanır. Sayfa kendi özel
 * override'larını sonradan inline `:root { ... }` bloğunda yapabilir
 * (cascade buradakinin üzerine yazar).
 * ------------------------------------------------------------------------- */
:root {
  /* ---- Backgrounds (kanonik dark theme) ---- */
  --bg-0: #0d0c25;
  --bg-1: #181638;
  --bg-2: #28265a;
  --bg-3: #f3f2ff;
  --bg-4: #ffffff;

  /* ---- Ink (koyu zemin üzerinde) ---- */
  --ink-0: #f6f6ff;
  --ink-1: #c8c6e6;
  --ink-2: #8a87b8;

  /* ---- Ink (açık zemin üzerinde) ---- */
  --ink-dark-0: #15172b;
  --ink-dark-1: #4a4f78;
  --ink-dark-2: #797ea6;

  /* ---- Brand / primary palette ---- */
  --p-deep:         #28265a;
  --p-purple:       #3e3a8e;
  --p-purple-mid:   #6964c4;
  --p-purple-light: #a8a4f0;
  --p-brand:        #e5047b;
  --p-brand-light:  #ff3a9a;
  --p-brand-deep:   #b8035f;
  --p-sun:          #ffb547;
  --p-aqua:         #4ad6ff;
  --p-pink:         #ff7ab8;
  --p-green:        #6dd49e;

  /* ---- Borders / lines ---- */
  --line:      rgba(255,255,255,0.12);
  --line-dark: rgba(20,22,50,0.10);

  /* ---- Border radius ölçekleri ---- */
  --r-s:  10px;
  --r-m:  18px;
  --r-l:  28px;
  --r-xl: 40px;

  /* ---- Layout ---- */
  --maxw: 1200px;
}