/* Povodia — переменные сайта v3 «Пульт».
   Светлая тема по умолчанию, тёмная — по prefers-color-scheme или data-theme="dark" на <html>.
   «Сцена» (--stage-*) — тёмные блоки, одинаковые в обеих темах: первый экран, радар, сторож, окна продукта. */
:root {
  color-scheme: light;
  /* фон и поверхности */
  --bg: #F3F9F8;
  --bg-2: #EAF4F3;
  --surface: #FFFFFF;
  --surface-2: #F6FBFA;
  --glass: rgba(243, 249, 248, 0.78);
  /* текст */
  --ink: #0E2423;
  --ink-2: #213634;
  --muted: #4A5F5D;
  --faint: #7A9290;
  /* линии */
  --line: #D2E4E1;
  --line-2: #E2EEEC;
  /* бренд */
  --tiffany: #81D8D0;
  --tiffany-soft: #DDF3F0;
  --tiffany-hl: #CDEFEB;
  --brand: #0B6E69;
  --brand-hover: #095A56;
  --brand-ink: #FFFFFF;
  --brand-text: #0A5E5A;
  --lime: #DCF56E;
  --lime-hover: #E7FA94;
  --lime-ink: #253400;
  --lime-soft: #F4FBD3;
  --lime-line: #E3F2A6;
  /* состояния */
  --ok: #1E7A45;
  --ok-soft: #E2F4E8;
  --ok-ink: #17603A;
  --warn: #B26A00;
  --warn-soft: #FFF1D6;
  --warn-ink: #7A4B00;
  --warn-line: #F2D49A;
  --bad: #C62F22;
  --bad-soft: #FCE6E3;
  --bad-ink: #A3241A;
  /* сцена — тёмные блоки в обеих темах */
  --stage: #06110F;
  --stage-2: #0E2B2A;
  --stage-3: #133634;
  --stage-ink: #E6F2F0;
  --stage-muted: #B5D0CD;
  --stage-faint: #86A9A6;
  --stage-line: rgba(129, 216, 208, 0.16);
  --stage-glass: rgba(255, 255, 255, 0.04);
  --stage-amber: #FFD58A;
  /* тени */
  --shadow-1: 0 1px 2px rgba(14, 36, 35, 0.05), 0 2px 8px rgba(14, 36, 35, 0.04);
  --shadow-2: 0 22px 50px -22px rgba(14, 43, 42, 0.34);
  --shadow-3: 0 50px 120px -40px rgba(0, 0, 0, 0.7);
  /* радиусы */
  --r-sm: 12px;
  --r-md: 16px;
  --r-lg: 22px;
  --r-xl: 28px;
  --r-pill: 999px;
  /* шрифты */
  --font-head: "Geologica", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-num: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --fs-h1: clamp(40px, 6.2vw, 82px);
  --fs-h2: clamp(30px, 3.8vw, 52px);
  --fs-lead: clamp(17px, 1.4vw, 19px);
  /* сетка */
  --container: 1200px;
  --gutter: 32px;
  /* движение */
  --ease: cubic-bezier(.2, .7, .2, 1);
  --hl-lime: #DCF56E;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #06110F; --bg-2: #0A1917; --surface: #0E1D1B; --surface-2: #12241F;
    --glass: rgba(6, 17, 15, 0.78);
    --ink: #E6F2F0; --ink-2: #CFE2DF; --muted: #9DB8B5; --faint: #6F8B88;
    --line: #1F3A37; --line-2: #172E2B;
    --tiffany-soft: #133C39; --tiffany-hl: #1F4A46;
    --brand: #81D8D0; --brand-hover: #A4E5DF; --brand-ink: #062120; --brand-text: #81D8D0;
    --lime-soft: #1B2610; --lime-line: #34430F;
    --ok-soft: #12301F; --ok-ink: #8FD7A8;
    --warn-soft: #3A2A0C; --warn-ink: #FFD58A; --warn-line: #5A4318;
    --bad-soft: #3A1512; --bad-ink: #FFA59B;
    --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.35);
    --shadow-2: 0 22px 50px -22px rgba(0, 0, 0, 0.7);
    --hl-lime: rgba(220, 245, 110, 0.32);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #06110F; --bg-2: #0A1917; --surface: #0E1D1B; --surface-2: #12241F;
  --glass: rgba(6, 17, 15, 0.78);
  --ink: #E6F2F0; --ink-2: #CFE2DF; --muted: #9DB8B5; --faint: #6F8B88;
  --line: #1F3A37; --line-2: #172E2B;
  --tiffany-soft: #133C39; --tiffany-hl: #1F4A46;
  --brand: #81D8D0; --brand-hover: #A4E5DF; --brand-ink: #062120; --brand-text: #81D8D0;
  --lime-soft: #1B2610; --lime-line: #34430F;
  --ok-soft: #12301F; --ok-ink: #8FD7A8;
  --warn-soft: #3A2A0C; --warn-ink: #FFD58A; --warn-line: #5A4318;
  --bad-soft: #3A1512; --bad-ink: #FFA59B;
  --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.35);
  --shadow-2: 0 22px 50px -22px rgba(0, 0, 0, 0.7);
  --hl-lime: rgba(220, 245, 110, 0.32);
}