/* Тема «Kimi». Подключается после theme-modern.css — переопределяет её, старые файлы не трогаем. */
/* Светлая: больше разнообразия цветов — королевский синий + индиго + фиолет + бирюза, дополнительные оттенки (оранж, розовый). */
/* Тёмная: та же цветовая гамма, что и сейчас — спокойный стальной синий на тёмно-сером. */

:root {
  --accent: #3d5bd6;
  --accent-2: #5a72dd;
  --accent-3: #2fa3b5;
  --accent-grad: linear-gradient(135deg, #4a6bdf 0%, #7a52c8 100%);
  --accent-soft: rgba(61, 91, 214, .09);
  --ring: rgba(61, 91, 214, .16);
  --accent-alt: #7a52c8;
  --accent-alt-soft: rgba(122, 82, 200, .1);
  --brand-grad: linear-gradient(90deg, #3d5bd6, #5a63d8 35%, #7a52c8 65%, #c8508a);

  --c-blue: #3b62d6;
  --c-sky: #2f8fd0;
  --c-cyan: #129cb5;
  --c-teal: #0e968a;
  --c-green: #3d9c4f;
  --c-amber: #c98a1b;
  --c-orange: #dd6f2d;
  --c-rose: #d1435f;
  --c-pink: #c8508a;
  --c-violet: #7a52c8;
  --c-indigo: #5a63d8;

  --bg: #131c34;
  --bg-main: #eceff7;
  --surface: #ffffff;
  --surface-2: #f3f5fb;
  --surface-3: #e8ecf6;
  --text: #1b2740;
  --muted: #5a6b84;
  --link: #3d5bd6;
  --link-hover: #2f49ad;
  --border: #dde3ef;
  --border-strong: #c8d1e4;
  --box-shadow: 0 1px 2px rgba(27, 39, 64, .05), 0 10px 28px rgba(27, 39, 64, .07);
  --shadow-soft: 0 4px 16px rgba(27, 39, 64, .06);
  --shadow-hover: 0 14px 32px rgba(27, 39, 64, .12);
  --scrollbar-thumb: rgba(27, 39, 64, .22);
  --scrollbar-thumb-hover: rgba(27, 39, 64, .4);

  --accent-green: linear-gradient(135deg, #3d9c4f 0%, #0e968a 100%);
  --accent-red: linear-gradient(135deg, #d1435f 0%, #c8508a 100%);
  --green-soft: rgba(61, 156, 79, .12);
  --red-soft: rgba(209, 67, 95, .12);

  --tag-bg: rgba(61, 91, 214, .09);
  --tag-color: #3553b8;
  --hero-grid: rgba(178, 196, 235, .08);
  --hero-glow1: rgba(99, 122, 236, .32);
  --hero-glow2: rgba(148, 92, 210, .28);
  --hero-glow3: rgba(45, 178, 200, .26);

  --header-bg: rgba(19, 28, 52, .94);
  --header-color: #d7e0f2;
  --header-border: rgba(10, 18, 38, .6);
  --header-hover: #b7d0f5;
  --header-hover-bg: rgba(255, 255, 255, .07);

  --panel-bg: #ffffff;
  --panel-header: #1b2740;
  --input-bg: #ffffff;
  --input-border: #cbd5e8;
  --input-color: #1b2740;
  --input-focus: #4a6bdf;
  --placeholder: #8a97af;

  --hero-bg1: #1a2650;
  --hero-bg2: #273a70;

  --footer-bg: #131c34;
  --footer-color: #c2cfe4;
  --footer-muted: #7c8dab;

  --table-th: #1b2740;
  --table-th-color: #dbe3f2;
  --th-border: #2c3d63;
  --td-border: #dde3ef;
  --td-bg-1: #f3f5fb;
  --td-bg-2: transparent;

  /* алиасы для старых правил */
  --text-muted: #5a6b84;
  --text-color: #1b2740;
  --text-secondary: #5a6b84;
  --card-bg: #ffffff;
  --panel2: #f3f5fb;
  --border-color: #dde3ef;
  --primary-color: #3d5bd6;
}

[data-theme="dark"] {
  --accent: #74a5c9;
  --accent-2: #6b9cc2;
  --accent-3: #7db3bd;
  --accent-grad: linear-gradient(135deg, #6b9cc2 0%, #7db3bd 100%);
  --accent-soft: rgba(116, 165, 201, .13);
  --ring: rgba(116, 165, 201, .22);
  --accent-alt: #a795d6;
  --accent-alt-soft: rgba(167, 149, 214, .14);
  --brand-grad: linear-gradient(90deg, #74a5c9, #7db3bd 55%, #a795d6);

  --c-blue: #7d9bd4;
  --c-sky: #74a5c9;
  --c-cyan: #6fbec7;
  --c-teal: #63b8ab;
  --c-green: #6fbf8b;
  --c-amber: #d4a95c;
  --c-orange: #d9976a;
  --c-rose: #d1808f;
  --c-pink: #cc8fb4;
  --c-violet: #a795d6;
  --c-indigo: #8f9ad9;

  --bg: #161a21;
  --bg-main: #1a1f28;
  --surface: #212734;
  --surface-2: #262e3d;
  --surface-3: #2d3648;
  --text: #dfe6ee;
  --muted: #8fa0b3;
  --link: #85b3d4;
  --link-hover: #a3c8e2;
  --border: #2c3444;
  --border-strong: #3b4658;
  --box-shadow: 0 1px 2px rgba(8, 12, 18, .3), 0 8px 24px rgba(8, 12, 18, .32);
  --shadow-soft: 0 4px 14px rgba(8, 12, 18, .28);
  --shadow-hover: 0 10px 26px rgba(8, 12, 18, .42);
  --scrollbar-thumb: rgba(200, 215, 235, .18);
  --scrollbar-thumb-hover: rgba(200, 215, 235, .32);

  --accent-green: linear-gradient(135deg, #5fae7f 0%, #63b8ab 100%);
  --accent-red: linear-gradient(135deg, #d1808f 0%, #c06a7c 100%);
  --green-soft: rgba(111, 191, 139, .14);
  --red-soft: rgba(209, 128, 143, .14);

  --tag-bg: rgba(133, 179, 212, .14);
  --tag-color: #a8c8e0;
  --hero-grid: rgba(160, 190, 215, .06);
  --hero-glow1: rgba(109, 178, 187, .22);
  --hero-glow2: rgba(122, 95, 192, .2);
  --hero-glow3: rgba(107, 156, 194, .16);

  --header-bg: rgba(22, 26, 33, .85);
  --header-color: #dfe6ee;
  --header-border: #2c3444;
  --header-hover: #85b3d4;
  --header-hover-bg: rgba(255, 255, 255, .06);

  --panel-bg: #212734;
  --panel-header: #dfe6ee;
  --input-bg: #1a212c;
  --input-border: #374255;
  --input-color: #dfe6ee;
  --input-focus: #74a5c9;
  --placeholder: #6d7d90;

  --hero-bg1: #1d2836;
  --hero-bg2: #28394b;

  --footer-bg: #161a21;
  --footer-color: #c0cddb;
  --footer-muted: #7b8b9d;

  --table-th: #262e3d;
  --table-th-color: #dfe6ee;
  --th-border: #2c3444;
  --td-border: #2c3444;
  --td-bg-1: #232a38;
  --td-bg-2: transparent;

  --text-muted: #8fa0b3;
  --text-color: #dfe6ee;
  --text-secondary: #8fa0b3;
  --card-bg: #212734;
  --panel2: #262e3d;
  --border-color: #2c3444;
  --primary-color: #74a5c9;
}
