/* Тема «Студия простых ремонтов» (с 18.10.2026): светлая и тёплая — интерьерная студия, а не IT. Те же переменные,
   что в theme-ai-producer.css и theme-softjet.css, компоненты не меняются. Роли: --mint — главный акцент
   (терракота), --sky — второй (шалфей), --coral — предупреждения. Первая страница —
   ../../softjet.ru/public/projects/remont-studio/. */

@font-face { font-family: "Bebas Neue"; src: url("../fonts/BebasNeue-Bold.woff") format("woff");
  font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Bebas Neue"; src: url("../fonts/BebasNeue-Regular.woff") format("woff");
  font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Caveat"; src: url("../fonts/Caveat-Medium.woff") format("woff");
  font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("../fonts/inter-cyrillic-wght-normal.woff2") format("woff2");
  font-weight: 100 900; font-style: normal; font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Inter"; src: url("../fonts/inter-latin-wght-normal.woff2") format("woff2");
  font-weight: 100 900; font-style: normal; font-display: swap;
  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;
  --bg: #fbf7f2;
  --bg-alt: #f3ece3;
  --panel: #ffffff;
  --panel-2: #f6f0e8;
  --mint: #a4492a;
  --mint-deep: #8a3b20;
  --mint-mid: #c4673f;
  --mint-soft: #f6e3d9;
  --sky: #5e7a63;
  --coral: #c2410c;
  --text: #2a2420;
  --text-2: #4a423b;
  --muted: #7a7068;
  --line: rgba(42, 36, 32, .12);
  --line-strong: rgba(42, 36, 32, .28);
  --on-accent: #fff3ea;

  --grad-cta: linear-gradient(0turn, var(--mint-deep) 0%, var(--mint-mid) 100%);
  --grad-title: linear-gradient(180deg, #2a2420 35%, #8a3b20 140%);
  --shine: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.45), rgba(255,255,255,0));

  --font-display: "Bebas Neue", "Oswald", "Arial Narrow", sans-serif;
  --font-hand: "Caveat", "Comic Sans MS", cursive;
  --font-text: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  --radius-card: 14px;
  --radius-plate: 8px;
  --radius-pill: 100px;

  --container: 1200px;
  --gutter: 16px;
  --section-y: clamp(56px, 8vw, 110px);

  --side-a: var(--sky);
  --side-b: var(--mint);
  --side-c: var(--coral);
}

@media (min-width: 768px) { :root { --gutter: 20px; } }

/* Светлая тема: набор рассчитан на тёмные — шапка залита тёмным, текст кнопок белый. Перекрываем с `html` впереди,
   чтобы правило было сильнее components.css, который подключается после темы. */
html .kit-header { background: rgba(251, 247, 242, .92); border-bottom: 1px solid var(--line); }
html .kit-btn--ghost { --btn-fg: var(--text); }
html .kit-burger span, html .kit-burger span::before, html .kit-burger span::after { background: var(--text); }
html .kit-header.is-open .kit-burger span { background: transparent; }
/* Форма в терракотовом блоке: кнопка там светлая (--bg) — текст тёмный; подсказки и выбранный вариант — читаемые. */
html .kit-cta-block .kit-btn { --btn-fg: var(--mint-deep); }
html .kit-cta-block .sj-field__hint { color: #fbe5d8; }
html .kit-cta-block .sj-choice input:checked + span { color: var(--text); }
html .kit-cta-block .sj-form__title { color: #fff; }
/* Плашка cookie на телефоне — тонкая полоса, а не пятая часть первого экрана (19.10.2026) */
@media (max-width: 767px) {
  html .kit-cookie { left: 8px; right: 8px; bottom: 8px; padding: 8px 10px; gap: 10px; font-size: 12px; line-height: 1.3; }
  html .kit-cookie .kit-btn { padding: 6px 12px; min-height: 0; font-size: 13px; }
}