/* Цветовые решения. «Олива» задана в base.css; выбор хранит theme.js в атрибуте data-theme. */
:root[data-theme=terracotta] {
  --paper: #f8f3ec;
  --surface: #fffdf9;
  --ink: #3d2b22;
  --muted: #6f5f55;
  --line: #e6d9ca;
  --stone: #f1e7da;
  --table: #e9dccb;
  --field-line: #c9b4a0;
  --chip-line: #dccbb8;
  --accent: #f4c3a0;
  --accent-hover: #eeb085;
  --accent-soft: #f8d6be;
  --accent-ink: #a3502d;
  --on-accent: #3d2b22;
  --deep: #9a4526;
  --on-deep: #fbf5ee;
  --on-deep-muted: #f3d6c2;
  --deep-accent: #ffd2a8;
  --deep-line: rgb(255 255 255 / .22);
  --btn: #9a4526;
  --btn-hover: #84391e;
  --btn-ink: #fff;
  --btn-arrow: #fbd9bd;
  --btn-arrow-ink: #3d2b22;
  --tint-1: #ecd9c6;
  --tint-2: #e9e1d3;
  --shadow: rgb(61 43 34 / .16);
  --backdrop: rgb(45 30 22 / .5);
  --shade: #2a160d;
}
:root[data-theme=sea] {
  --paper: #f3f6f7;
  --surface: #fff;
  --ink: #14304a;
  --muted: #4f6475;
  --line: #d2dee4;
  --stone: #e4ecef;
  --table: #d6e2e8;
  --field-line: #a9bcc8;
  --chip-line: #c4d3db;
  --accent: #f2d59c;
  --accent-hover: #ebc77f;
  --accent-soft: #f7e4bf;
  --accent-ink: #1c6a87;
  --on-accent: #14304a;
  --deep: #14304a;
  --on-deep: #f3f6f7;
  --on-deep-muted: #b9cad6;
  --deep-accent: #f2d59c;
  --deep-line: rgb(255 255 255 / .18);
  --btn: #14304a;
  --btn-hover: #1f4466;
  --btn-ink: #fff;
  --btn-arrow: #f2d59c;
  --btn-arrow-ink: #14304a;
  --tint-1: #d6e3ea;
  --tint-2: #efe6d4;
  --shadow: rgb(20 48 74 / .16);
  --backdrop: rgb(10 28 44 / .5);
  --shade: #071a2b;
}
:root[data-theme=night] {
  --paper: #111815;
  --surface: #18211d;
  --ink: #e8eee5;
  --muted: #a3b0a8;
  --line: #2c3832;
  --stone: #1e2924;
  --table: #090d0b;
  --field-line: #4a5a52;
  --chip-line: #3a4741;
  --accent: #deef98;
  --accent-hover: #eaf6bc;
  --accent-soft: #eaf6bc;
  --accent-ink: #cfe57f;
  --on-accent: #16231d;
  --deep: #1d2a25;
  --on-deep: #eef2ea;
  --on-deep-muted: #b3c0b8;
  --deep-accent: #deef98;
  --deep-line: rgb(255 255 255 / .12);
  --btn: #deef98;
  --btn-hover: #eaf6bc;
  --btn-ink: #16231d;
  --btn-arrow: #16231d;
  --btn-arrow-ink: #deef98;
  --danger: #f0a093;
  --danger-line: #e07a6b;
  --tint-1: #2a3a33;
  --tint-2: #35322b;
  --shadow: rgb(0 0 0 / .5);
  --backdrop: rgb(0 0 0 / .6);
  --shade: #000;
  color-scheme: dark;
}

/* Образцы в меню выбора всегда показывают собственные цвета решения. */
.theme-chip[data-chip=olive] { background: conic-gradient(#203b35 0 50%, #deef98 0 75%, #f7f8f2 0); }
.theme-chip[data-chip=terracotta] { background: conic-gradient(#9a4526 0 50%, #f4c3a0 0 75%, #f8f3ec 0); }
.theme-chip[data-chip=sea] { background: conic-gradient(#14304a 0 50%, #f2d59c 0 75%, #f3f6f7 0); }
.theme-chip[data-chip=night] { background: conic-gradient(#111815 0 50%, #deef98 0 75%, #1d2a25 0); }

/* Короткое плавное перекрашивание только в момент смены решения. */
.theme-changing, .theme-changing *, .theme-changing *::before, .theme-changing *::after {
  transition: background-color 320ms ease, color 320ms ease, border-color 320ms ease, fill 320ms ease !important;
}