/* 099: canlı sayt — yeni dizayn tokenləri (096-098 prototipindən,
   097-dəki mavi/ağ balans qaydasına görə). Bu fayl app/static/css/
   tokens.css-i ƏVƏZ ETMİR, ONUN ÜSTÜNDƏN YÜKLƏNİR (yalnız admin
   önizləməsində, bax base.html) - EYNİ dəyişən adlarını yenidən
   təyin edir ki, style.css-in özü HEÇ DƏYİŞMƏSİN, bütün 49 şablon
   avtomatik yeni rənglərlə göstərilsin. Canlı sayta (default) təsiri
   yoxdur - bu fayl YALNIZ `design_v2(request)` true olanda yüklənir.

   Niyə bu yanaşma (əvəzinə hər şablonun v2 nüsxəsi): kod təkrarı
   SIFIRDIR (49 şablonun heç biri dəyişmir), JS-in istifadə etdiyi
   ID/sinif/data-* atributları toxunulmur (yalnız rəng/radius dəyişir),
   keçiddən sonra silinməsi asandır (bu 2 fayl + base.html-dəki bir
   neçə sətir). Mənbə: design/brand-book-v2.md. */

:root {
  /* ---- #004AAD-dən törəmə mavi şkala (097-dəki ilə eyni hesablama) ---- */
  --blue-50:  #F2F6FB;
  --blue-100: #E0E9F5;
  --blue-200: #BDD0EA;
  --blue-300: #94B3DD;
  --blue-500: #004AAD;
  --blue-600: #003F93;
  --blue-700: #003479;
  --blue-800: #00295F;
  --blue-900: #001E45;

  /* ---- Mövcud token adları yenidən təyin olunur (style.css dəyişmir) ---- */
  --bg: #ffffff;
  --surface: var(--blue-50);
  --surface-raised: #ffffff;
  --accent: var(--blue-500);
  --accent-hover: var(--blue-600);
  --on-accent: #ffffff;
  --brand: var(--blue-500);
  --band: var(--blue-800);
  --on-band: #ffffff;
  --on-band-muted: var(--blue-200);
  --border: #E5ECF6;
  --border-strong: var(--blue-300);
  --focus: var(--blue-500);
  --code-bg: var(--blue-50);
  --shadow-header: 0 2px 12px rgba(0, 30, 69, 0.10);
  --shadow-raised: 0 6px 24px rgba(0, 30, 69, 0.12);

  /* ---- Yalnız v2-də mövcud yeni tokenlər ---- */
  --header-bg-v2: var(--blue-500);
  --card-accent-v2: var(--blue-500);
  --radius-sm: 4px;
  --radius-md: 8px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0B1E3F;
    --surface: #0E1E3E;
    --surface-raised: #12295A;
    --ink: #F2F5FB;
    --ink-muted: #A9BBDA;
    --accent: #4D8DFF;
    --accent-hover: #6FA0FF;
    --on-accent: #0B1E3F;
    --band: #071630;
    --on-band-muted: #A9BBDA;
    --border: #1F3A66;
    --border-strong: #2C4D80;
    --focus: #4D8DFF;
    --code-bg: #0E1E3E;
    --shadow-header: 0 2px 12px rgba(0, 0, 0, 0.4);
    --shadow-raised: 0 8px 24px rgba(0, 0, 0, 0.5);
    --header-bg-v2: #071630;
    --card-accent-v2: #4D8DFF;
  }
}
:root[data-theme="dark"] {
  --bg: #0B1E3F;
  --surface: #0E1E3E;
  --surface-raised: #12295A;
  --ink: #F2F5FB;
  --ink-muted: #A9BBDA;
  --accent: #4D8DFF;
  --accent-hover: #6FA0FF;
  --on-accent: #0B1E3F;
  --band: #071630;
  --on-band-muted: #A9BBDA;
  --border: #1F3A66;
  --border-strong: #2C4D80;
  --focus: #4D8DFF;
  --code-bg: #0E1E3E;
  --shadow-header: 0 2px 12px rgba(0, 0, 0, 0.4);
  --shadow-raised: 0 8px 24px rgba(0, 0, 0, 0.5);
  --header-bg-v2: #071630;
  --card-accent-v2: #4D8DFF;
}