/* Три темы SBL Терминала. Тема ставится атрибутом data-theme на <html>;
   значение "auto" отдаёт выбор системе. Все цвета живут здесь, чтобы
   переключение было мгновенным и не зависело от перезагрузки страницы. */

:root,
:root[data-theme="light"] {
  --bg: #f2f5f9;
  --surface: #ffffff;
  --surface-2: #e9edf3;
  --line: #d5dde8;
  --line-soft: #e4eaf2;
  --ink: #1c2536;
  --ink-soft: #4c5b70;
  --ink-faint: #74839a;
  --accent: #2f6fb0;
  --accent-ink: #ffffff;
  --accent-soft: #ddeefc;
  --good: #14603c;
  --warn: #9a4a17;
  --dot-good: #17c964;
  --dot-warn: #ff8c1a;
  --danger: #a3271b;
  --term-bg: #ffffff;
  --term-ink: #1c2536;
  --shadow: 0 1px 2px rgba(28, 37, 54, .06), 0 8px 24px rgba(28, 37, 54, .06);
}

:root[data-theme="dark"] {
  --bg: #10141c;
  --surface: #1a212e;
  --surface-2: #141a25;
  --line: #2c3646;
  --line-soft: #232c3a;
  --ink: #e7ecf4;
  --ink-soft: #b3bfd0;
  --ink-faint: #8494a9;
  --accent: #6ba6e2;
  --accent-ink: #0c1017;
  --accent-soft: #1d3350;
  --good: #6ed39c;
  --warn: #e8a26a;
  --dot-good: #33f07a;
  --dot-warn: #ffa63a;
  --danger: #e88b7d;
  --term-bg: #161c26;
  --term-ink: #e4ebf5;
  --shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .35);
}

:root[data-theme="cream"] {
  --bg: #f3ead8;
  --surface: #faf4e6;
  --surface-2: #ede2cc;
  --line: #d9cdb4;
  --line-soft: #e6dcc6;
  --ink: #3a3128;
  --ink-soft: #6b5d4c;
  --ink-faint: #8a7a66;
  --accent: #8a5a14;
  --accent-ink: #fdf8ee;
  --accent-soft: #f0e2c4;
  --good: #4f7233;
  --warn: #a35d16;
  --dot-good: #1fc45e;
  --dot-warn: #f7891a;
  --danger: #9c3b22;
  --term-bg: #f7efdc;
  --term-ink: #4a4036;
  --shadow: 0 1px 2px rgba(90, 74, 48, .08), 0 8px 24px rgba(90, 74, 48, .1);
}

/* «Как в системе»: тёмная палитра, когда система просит тёмное. */
@media (prefers-color-scheme: dark) {
  :root[data-theme="auto"] {
    --bg: #10141c;
    --surface: #1a212e;
    --surface-2: #141a25;
    --line: #2c3646;
    --line-soft: #232c3a;
    --ink: #e7ecf4;
    --ink-soft: #b3bfd0;
    --ink-faint: #8494a9;
    --accent: #6ba6e2;
    --accent-ink: #0c1017;
    --accent-soft: #1d3350;
    --good: #6ed39c;
    --warn: #e8a26a;
    --dot-good: #33f07a;
    --dot-warn: #ffa63a;
    --danger: #e88b7d;
    --term-bg: #161c26;
    --term-ink: #e4ebf5;
    --shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .35);
  }
}