/* AI-смета — цвета и форма приложения: вариант А «Калька» (выбран заказчиком 06.11.2026) — светлая и тёмная тема.
   Тема — атрибут data-theme (light | dark) на <html> (переключатель в шапке, запоминается) или на блоке.
   Сменить вид приложения = правка этих переменных; разметка и app.css их только читают.
   Варианты Б и В — tokens-варианты.css, подключается только страницей истории выбора стили.html. */

:root {
  --sans: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: "Cascadia Code", "Cascadia Mono", Consolas, "SFMono-Regular", Menlo, monospace;
  --ease: cubic-bezier(.2, .7, .2, 1);
  --t: 180ms;
}

/* ── А. «Калька» — тёплая бумага, тонкая сетка 24 px, пастельный синий и янтарный, мягкие тени ── */
:root, [data-theme="light"] {
  --bg: #f3eee3; --grid-c: rgba(64, 110, 180, .07); --grid-c2: rgba(64, 110, 180, .07); --grid: 24px; --grid2: 24px;
  --sf: #fbf9f4; --sf2: #f4efe5; --sf3: #eee7d8; --bd: #e3dbc9; --bd2: #d1c6ae;
  --tx: #28303b; --tx2: #535d6b; --mu: #868c93;
  --ac: #3d6fc4; --ac2: #2f5ca8; --ac-s: #e3ebf7; --ac-tx: #fff;
  --am: #b97a17; --am-s: #f7e9cf; --ok: #2b8a5f; --ok-s: #ddf0e4; --er: #b84639; --er-s: #f8e2dd;
  --r: 14px; --r-s: 9px; --head: var(--sans); --head-ls: -.015em;
  --sh: 0 1px 2px rgba(70, 52, 20, .06), 0 10px 26px -14px rgba(70, 52, 20, .22);
  --sh2: 0 2px 4px rgba(70, 52, 20, .07), 0 16px 34px -14px rgba(70, 52, 20, .28);
  --hl: rgba(61, 111, 196, .15); --hl-bd: #3d6fc4; --hl-glow: rgba(61, 111, 196, .35);
  --sheet-bg: #fff; --sheet-filter: none; --sheet-blend: normal; --tick: 0;
  color-scheme: light;
}
[data-theme="dark"] {
  --bg: #1b1d21; --grid-c: rgba(150, 175, 215, .045); --grid-c2: rgba(150, 175, 215, .045);
  --sf: #23262c; --sf2: #1f2227; --sf3: #2b2f36; --bd: #343841; --bd2: #464c57;
  --tx: #ebe6dc; --tx2: #bdb7ab; --mu: #8b877e;
  --ac: #88abef; --ac2: #a9c3f5; --ac-s: rgba(136, 171, 239, .14); --ac-tx: #10161f;
  --am: #e2b05b; --am-s: rgba(226, 176, 91, .14); --ok: #6cc697; --ok-s: rgba(108, 198, 151, .13);
  --er: #ec8577; --er-s: rgba(236, 133, 119, .13);
  --sh: 0 1px 2px rgba(0, 0, 0, .3), 0 12px 28px -16px rgba(0, 0, 0, .7);
  --sh2: 0 2px 4px rgba(0, 0, 0, .35), 0 18px 36px -16px rgba(0, 0, 0, .8);
  --hl: rgba(136, 171, 239, .2); --hl-bd: #88abef; --hl-glow: rgba(136, 171, 239, .45);
  --sheet-bg: #1f2227; --sheet-filter: invert(.88) hue-rotate(180deg) sepia(.06);
  color-scheme: dark;
}