/* Кто молодец — цвет. Светлая по умолчанию, тёмная авто по prefers-color-scheme.
   [data-theme="dark"] / [data-theme="light"] принудительно переопределяют (для показа тем рядом). */

:root{
  /* базовые */
  --bg:#ffffff;
  --text:#1f2328;
  --muted:rgba(31,35,40,.6);
  --faint:rgba(31,35,40,.42);
  --border:rgba(0,0,0,.08);
  --accent:#3a8dff;
  --accent-ink:#ffffff;
  --accent-soft:rgba(58,141,255,.1);
  --success:#1f9d55;
  --success-soft:rgba(31,157,85,.12);
  --danger:#e5484d;
  --danger-soft:rgba(229,72,77,.12);
  --warn:#b5820b;
  --warn-soft:rgba(181,130,11,.13);
  --card:#ffffff;
  --surface:#f6f7f9;
  --scrim:rgba(20,22,26,.28);
  /* семантические алиасы */
  --text-body:var(--text);
  --text-muted:var(--muted);
  --text-faint:var(--faint);
  --surface-page:var(--bg);
  --surface-card:var(--card);
  --surface-sunken:var(--surface);
  --border-hair:var(--border);
  --link:var(--accent);
}

/* тёмная — авто */
@media (prefers-color-scheme:dark){
  :root{
    --bg:#1a1d22;
    --text:#f1f3f5;
    --muted:rgba(241,243,245,.6);
    --faint:rgba(241,243,245,.42);
    --border:rgba(255,255,255,.12);
    --accent:#5ba3ff;
    --accent-ink:#0c1626;
    --accent-soft:rgba(91,163,255,.16);
    --success:#35c07b;
    --success-soft:rgba(53,192,123,.16);
    --danger:#ff6369;
    --danger-soft:rgba(255,99,105,.16);
    --warn:#e0b13c;
    --warn-soft:rgba(224,177,60,.16);
    --card:#21252b;
    --surface:#23272e;
    --scrim:rgba(0,0,0,.5);
  }
}

/* тёмная — принудительно (напр. блок [data-theme="dark"] в светлой странице) */
[data-theme="dark"]{
  --bg:#1a1d22;
  --text:#f1f3f5;
  --muted:rgba(241,243,245,.6);
  --faint:rgba(241,243,245,.42);
  --border:rgba(255,255,255,.12);
  --accent:#5ba3ff;
  --accent-ink:#0c1626;
  --accent-soft:rgba(91,163,255,.16);
  --success:#35c07b;
  --success-soft:rgba(53,192,123,.16);
  --danger:#ff6369;
  --danger-soft:rgba(255,99,105,.16);
  --warn:#e0b13c;
  --warn-soft:rgba(224,177,60,.16);
  --card:#21252b;
  --surface:#23272e;
  --scrim:rgba(0,0,0,.5);
}