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

:root {
  --bg: #F3F5F2;
  --surface: #FFFFFF;
  --surface-2: #EDF1ED;
  --surface-3: #F7F9F6;
  --ink: #1B2924;
  --muted: #66756E;
  --line: #DCE4DE;

  /* Акцент — «эфир идёт»: активная навигация и главные действия */
  --accent: #237463;
  --accent-ink: #195A4D;
  --accent-on: #FFFFFF;
  --accent-soft: #E2EFE9;

  /* Семантика состояний, независимая от акцента */
  --ok: #37734A;
  --ok-soft: #E4F0E6;
  --warn: #956516;
  --warn-soft: #F5ECD9;
  --crit: #AD4940;
  --crit-soft: #F5E6E3;

  --shadow: 0 1px 2px rgba(27, 41, 36, .04), 0 8px 24px rgba(27, 41, 36, .045);
  --shadow-raised: 0 12px 32px rgba(27, 41, 36, .12);
  --r: 12px;
  --r-sm: 8px;
  --content-gap: 24px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #111916;
    --surface: #18211D;
    --surface-2: #202B26;
    --surface-3: #1B2520;
    --ink: #E6ECE8;
    --muted: #9AA9A0;
    --line: #2C3932;
    --accent: #55A991;
    --accent-ink: #75C2A9;
    --accent-on: #10231D;
    --accent-soft: #1D382F;
    --ok: #75B888;
    --ok-soft: #20392A;
    --warn: #D0A655;
    --warn-soft: #3A301D;
    --crit: #DD8177;
    --crit-soft: #3B2523;
    --shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .16);
    --shadow-raised: 0 12px 32px rgba(0, 0, 0, .35);
  }
}