/* Единственный источник цветов и размеров. Значения сняты с shots/*.jpg (см. tools/scan.py).
   Если картинка расходится с mockup/STYLE-dark.md — верна картинка. */
@font-face { font-family: Manrope; src: url(fonts/Manrope-cyrillic.woff2) format("woff2"); font-weight: 200 800; unicode-range: U+0400-04FF; }
@font-face { font-family: Manrope; src: url(fonts/Manrope-latin.woff2) format("woff2"); font-weight: 200 800; unicode-range: U+0000-03FF, U+2000-206F, U+20AC; }
/* Тёмные значения — у всего сайта и у того, что лежит поверх фото в светлой теме (там нужен светлый текст). */
:root, :root[data-theme="light"] :is(.c-top > .c-logo, .c-city, .c-top > .m-gear, #screen:has(> :is(.a-hero, .t-hero)) > :is(.a-logo, .m-gear--abs)) {
  color-scheme: dark;
  /* поверхности */
  --bg: #1c1d1d;
  --plate: #2b2d2e;
  --seg-on: #4f5053;
  --dock-bg: #1c1d1d;
  --dock-guest: #212222;
  --glass: rgb(20 20 22 / .72);
  --fade-25: rgb(28 29 29 / .16);
  --fade-50: rgb(28 29 29 / .5);
  --fade-75: rgb(28 29 29 / .84);
  --star: #8e8f96;
  --plate-2: #212224;
  --plate-top: #484a45;
  --plate-bottom: #3a3c3b;
  --auth-top: #3d3f3e;
  --auth-bottom: #303030;
  --panel-top: #393939;
  --panel-bottom: #2d2f30;
  --field: #4a4a48;
  --notch: #212224;
  --glass-soft: rgb(40 40 42 / .6);
  /* обводки */
  --glass-line: #5a5b5b;
  --plate-line: #606360;
  --fav-line: #e6e6e6;
  --line: #343535;
  --line-2: #3b3d3c;
  --line-3: #2c2e2d;
  /* текст */
  --ink: #f5f5f6;
  --ink-title: #efeff0;
  --ink-name: #e0e2e7;
  --ink-plate: #f7f6f0;
  --ink-sub: #a6a8aa;
  --ink-2: #a1a2a4;
  --ink-3: #9c9d9f;
  --ink-tab: #b0b1b2;
  --ink-tab-2: #d0d3d3;
  --reject-bg: #2c1f1b;
  --line-9: #282a2a;
  --ink-row: #f1edee;
  --ink-about: #d5d4d1;
  --ink-dock: #cfd0d3;
  --ink-dock-2: #c3c5cd;
  --ink-dock-icon: #eeeef0;
  --ink-hint: #c8c8c4;
  --white: #fff;
  /* акцент */
  --accent: #ea580b;
  --accent-text: #fff;
  --accent-book: #ed5407;
  --accent-soft: #cf5f27;
  --tab-line: #cc5b22;
  --accent-dock: #e8611f;
  --logo-accent: #e66c26;
  --logo-accent-hi: #f26b1d;
  --accent-dock-2: #e8591a;
  --ink-cat: #b5b0a9;
  --avatar: #3d271b;
  --avatar-ink: #f0883f;
  --star-on: #ed5407;
  --star-off: #77787b;
  --ink-body: #e6e6e7;
  --tab-line-2: #e35b18;
  --line-4: #3a3b3b;
  --line-5: #363636;
  --line-6: #383939;
  --ink-value: #ebebeb;
  --ink-label: #cfcfcf;
  --plate-3: #1f2021;
  --dock-guest-2: #262626;
  --ok: #84b896;
  --bg-deep: #141515;
  --bg-mid: #191a1a;
  --link-soft: #be6f3e;
  --status-bg: #3d271b;
  --ok-bg: #1d3f2c;
  --map-ui: #262627;
  --map-hint: rgb(70 70 66 / .92);
  --pin: #2a3442;
  --map-credit: rgb(255 255 255 / .85);
  --map-link: #0a6a8a;
  --sheet-top: #2c2d2e;
  --sheet-bottom: #232425;
  --plate-4: #36373a;
  --bg-map-top: #191d1c;
  --plate-5: #1c1c1d;
  --line-7: #8b8c8f;
  --scrim: rgb(0 0 0 / .4);
  --plate-6: #252628;
  --switch-off: #6b6c6e;
  --ink-about-2: #e4e4e5;
  --scrim-2: rgb(0 0 0 / .62);
  --warn: #f3a260;
  --plate-7: #3b3c3e;
  --ink-2n: #a4a5a7;
  --btn-soft: #fbe6d8;
  --plate-accent: #d8682f;
  --no-red: #c9503c;
  --line-8: #242625;
  --knob: #e8e8e8;
  --switch-off-2: #444645;
  --accent-ink: #de7231;
  /* геометрия */
  --gutter: 20px;
  --r-pill: 25px;
  --r-card: 24px;
  --r-seg: 17px;
  /* шрифт */
  --font: Manrope, system-ui, sans-serif;
  /* нажатие/наведение */
  --hover-veil: rgb(255 255 255 / .05);
  --press-veil: rgb(255 255 255 / .10);
}
/* Светлая тема (решение Влада 3.11): тёплый молочный фон, белые плашки, фирменный тёмный текст,
   оранжевый без изменений. Включается переключателем в меню (theme.js, data-theme="light").
   Тёмная остаётся по умолчанию. Что лежит поверх фото — тёмное стекло: см. правило «поверх фото» ниже. */
:root[data-theme="light"] {
  color-scheme: light;
  /* поверхности */
  --bg: #f6f5f1;
  --plate: #ffffff;
  --seg-on: #e7e4dd;
  --dock-bg: #ffffff;
  --dock-guest: #ffffff;
  --fade-25: rgb(246 245 241 / .16);
  --fade-50: rgb(246 245 241 / .5);
  --fade-75: rgb(246 245 241 / .84);
  --star: #8e8f96;
  --plate-2: #f0eee9;
  --plate-top: #ffffff;
  --plate-bottom: #f8f7f3;
  --auth-top: #ffffff;
  --auth-bottom: #f6f5f1;
  --panel-top: #ffffff;
  --panel-bottom: #f8f7f3;
  --field: #f0eee9;
  --notch: #ecebe6;
  --glass-soft: rgb(255 255 255 / .75);
  /* обводки */
  --glass-line: #d6d3cc;
  --plate-line: #d6d3cc;
  --line: #e3e0d9;
  --line-2: #dedbd4;
  --line-3: #ebe8e2;
  --line-4: #e3e0d9;
  --line-5: #e1ded7;
  --line-6: #e1ded7;
  --line-7: #9a9b9e;
  --line-8: #e6e3dc;
  --line-9: #ebe8e2;
  /* текст */
  --ink: #1c1d1d;
  --ink-title: #1c1d1d;
  --ink-name: #232425;
  --ink-plate: #1c1d1d;
  --ink-sub: #66676a;
  --ink-2: #6a6b6e;
  --ink-2n: #6a6b6e;
  --ink-3: #707174;
  --ink-tab: #67686b;
  --ink-tab-2: #3d3f40;
  --ink-row: #1f2020;
  --ink-about: #3a3b3c;
  --ink-about-2: #2b2c2d;
  --ink-dock: #4a4b4e;
  --ink-dock-2: #5a5c62;
  --ink-dock-icon: #2a2b2d;
  --ink-hint: #5c5d5a;
  --ink-body: #2b2c2d;
  --ink-value: #1f2020;
  --ink-label: #4a4b4c;
  --ink-cat: #6f6a63;
  --reject-bg: #fbe9e1;
  /* акцент: оранжевый тот же, подписи чуть темнее для контраста на светлом */
  --accent-soft: #c4520f;
  --link-soft: #a04812;
  --accent-ink: #a8440a;
  --avatar: #fbe3d4;
  --avatar-ink: #b54e0f;
  --star-off: #86878c;
  --plate-3: #ffffff;
  --dock-guest-2: #ffffff;
  --ok: #2f7a4a;
  --ok-bg: #dcefe3;
  --bg-deep: #f6f5f1;
  --bg-mid: #f2f0eb;
  --status-bg: #fbe3d4;
  --map-ui: #ffffff;
  --map-hint: rgb(255 255 255 / .92);
  --sheet-top: #ffffff;
  --sheet-bottom: #f6f5f1;
  --plate-4: #e7e4dd;
  --bg-map-top: #f2f0eb;
  --plate-5: #ffffff;
  --plate-6: #f3f1ec;
  --plate-7: #e7e4dd;
  --switch-off: #c9c7c2;
  --switch-off-2: #d6d3cc;
  --knob: #ffffff;
  --scrim: rgb(28 29 29 / .25);
  --scrim-2: rgb(28 29 29 / .45);
  --warn: #b5651d;
  --btn-soft: #fbe6d8;
  --no-red: #b3402d;
  --hover-veil: rgb(28 29 29 / .04);
  --press-veil: rgb(28 29 29 / .08);
}