/* Палитра и метрики. Единственное место, где заданы цвета — остальные файлы
   ходят только через переменные, поэтому тему можно менять целиком отсюда. */

:root {
  --bg: #F2F5F6;
  --surface: #FFFFFF;
  --surface-2: #E9EEEF;
  --ink: #16211F;
  --muted: #5D6E6C;
  --line: #D6DEDE;

  /* Акцент — «эфир идёт»: активная навигация и главные действия */
  --accent: #0F7D72;
  --accent-ink: #0A5A52;
  --accent-soft: #DCEDEA;

  /* Семантика состояний, независимая от акцента */
  --ok: #3B7F4C;
  --ok-soft: #E0EFE2;
  --warn: #9C6B10;
  --warn-soft: #F6EBD6;
  --crit: #B8433B;
  --crit-soft: #F7E3E1;

  --shadow: 0 1px 2px rgba(22, 33, 31, .06), 0 4px 12px rgba(22, 33, 31, .05);
  --r: 10px;
  --r-sm: 8px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0D1413;
    --surface: #141D1C;
    --surface-2: #1B2726;
    --ink: #E4EDEB;
    --muted: #8CA3A0;
    --line: #263433;
    --accent: #35B3A4;
    --accent-ink: #5FCBBD;
    --accent-soft: #12332F;
    --ok: #58A96A;
    --ok-soft: #12301A;
    --warn: #C99A3B;
    --warn-soft: #33280F;
    --crit: #D9756C;
    --crit-soft: #3A1E1C;
    --shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 4px 14px rgba(0, 0, 0, .3);
  }
}