/* Вариант «Сканди»: спокойный, тёплое дерево и лён, шрифт Manrope, тонкие линии. Светлая и тёмная тема. */
@font-face {
  font-family: "Manrope"; font-style: normal; font-weight: 200 800; font-display: swap;
  src: url("/static/ui/fonts/manrope-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Manrope"; font-style: normal; font-weight: 200 800; font-display: swap;
  src: url("/static/ui/fonts/manrope-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
  color-scheme: light;
  --font: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-display: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --title-weight: 700; --title-track: -0.02em;
  --hero-weight: 800; --hero-track: -0.035em; --hero-size: 40px;
  --bg: #f4efe7;
  --surface: #fffdf9;
  --soft: #efe8dd;
  --chip-bg: #fffdf9;
  --ink: #2b2520;
  --muted: #857a6e;
  --line: #e4dacb;
  --line-strong: #cfc1ad;
  --accent: #8a5a3b;
  --accent-strong: #7a4c2f;
  --accent-ink: #fffaf3;
  --accent-soft: #f1e5d7;
  --accent-line: #c9a585;
  --ok: #4d7a5a; --ok-soft: #e3ece2;
  --warn: #a06d1c; --warn-soft: #f5ead2;
  --danger: #a8443a; --danger-soft: #f5e1dd;
  --night: #5b5a86;
  --radius: 18px; --radius-lg: 24px; --radius-sm: 12px; --radius-btn: 999px; --radius-chip: 14px;
  --shadow: 0 1px 2px rgba(80, 55, 30, .04), 0 8px 24px -12px rgba(80, 55, 30, .12);
  --shadow-sm: 0 1px 2px rgba(80, 55, 30, .1);
  --shadow-lg: 0 18px 40px -16px rgba(80, 55, 30, .28);
  --shadow-accent: none;
  --blur: 14px;
  --top-bg: rgba(244, 239, 231, .82);
  --bar-bg: rgba(255, 253, 249, .9);
  --bar-solid: #fffdf9;
  --seg-bg: #ebe3d7; --seg-on: #fffdf9; --seg-on-ink: var(--ink);
  --logo-bg: #2b2520; --logo-ink: #f4efe7;
  --pill-bg: transparent; --pill-ink: var(--ink); --pill-line: var(--line-strong);
  --hero-bg: #fffdf9; --hero-line: var(--line);
  --hero-ink: var(--ink); --hero-eyebrow: var(--accent); --hero-pill: transparent;
  --hero-glow: radial-gradient(80% 100% at 100% 0%, rgba(201, 165, 133, .22), transparent 60%);
  --cover-bg: linear-gradient(135deg, #d9c3a5 0%, #b98e66 100%);
  --cover-bg-2: linear-gradient(135deg, #c7cbb9 0%, #8c9a82 100%);
  --cover-bg-3: linear-gradient(135deg, #e0cfc0 0%, #a87f6c 100%);
  --cover-bg-4: linear-gradient(135deg, #c9c4c9 0%, #857a8a 100%);
  --cover-ink: #fffaf3;
  --price-bg: rgba(255, 250, 243, .9); --price-ink: #2b2520;
  --switch-off: #d9cfc0;
  --nav-on: var(--accent-soft);
  --toast-bg: #2b2520; --toast-ink: #f4efe7; --toast-link: #e7c39d;
  --strip-bg: #2b2520; --strip-ink: #efe6d8; --strip-pill: rgba(255,255,255,.08);
  --cell-free: #e3ece2; --cell-web: #a8693f; --cell-phone: #6d6a9a; --cell-cleanup: #eee4d6; --cell-off: #ebe6df;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #1a1714; --surface: #231f1b; --soft: #2c2722; --chip-bg: #231f1b;
    --ink: #f0e8dc; --muted: #a99d8f; --line: #3a332c; --line-strong: #52483e;
    --accent: #d9a67a; --accent-strong: #e4b78f; --accent-ink: #1a1714; --accent-soft: #33281f; --accent-line: #8a6a4e;
    --ok: #8cc49a; --ok-soft: #22302a; --warn: #e2b866; --warn-soft: #352c1c; --danger: #e8928a; --danger-soft: #3a2422;
    --night: #b4b2e6;
    --shadow: none; --shadow-lg: 0 18px 40px -16px rgba(0,0,0,.6);
    --top-bg: rgba(26, 23, 20, .82); --bar-bg: rgba(35, 31, 27, .92); --bar-solid: #231f1b;
    --seg-bg: #2c2722; --seg-on: #3a332c; --seg-on-ink: var(--ink);
    --logo-bg: #f0e8dc; --logo-ink: #1a1714;
    --hero-bg: #231f1b; --hero-glow: radial-gradient(80% 100% at 100% 0%, rgba(217, 166, 122, .14), transparent 60%);
    --price-bg: rgba(26, 23, 20, .8); --price-ink: #f0e8dc;
    --switch-off: #4a4038;
    --toast-bg: #f0e8dc; --toast-ink: #1a1714; --toast-link: #8a5a3b;
    --strip-bg: #0f0d0b;
    --cell-free: #22302a; --cell-web: #b8784c; --cell-phone: #7f7cb8; --cell-cleanup: #2f2923; --cell-off: #26221e;
  }
}

/* Характер: тонкие линии, крупный плотный заголовок, разрядка в подписях */
.hero { padding: 32px 24px 26px; }
.eyebrow { letter-spacing: .16em; font-size: 11.5px; }
.room-card { box-shadow: none; }
.room-card:hover { box-shadow: var(--shadow-lg); }
.room-cover { height: 128px; }
.room-mark { font-weight: 300; font-size: 64px; letter-spacing: -0.05em; }
.room-name { font-weight: 700; font-size: 18px; letter-spacing: -0.01em; }
.chip.on, .btn.primary { background: var(--ink); color: var(--bg); }
.step.done .step-n, .step.summary .step-n { background: var(--ink); color: var(--bg); }
.progress i { background: var(--ink); }
.nav-item.fab .nav-ic { background: var(--ink); color: var(--bg); }
.nav-item.on { color: var(--ink); }
.switch:checked { background: var(--ink); }
.step-head h3 { font-size: 17px; font-weight: 700; }
.total.big, .bar-sum b, .stepper output, .chip.date b { font-weight: 700; }
.receipt { border-top-style: solid; }
.done-mark { box-shadow: 0 0 0 10px var(--ok-soft); }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .chip.on,
  :root:not([data-theme="light"]) .btn.primary { background: var(--accent); color: var(--accent-ink); }
}