/* Kristina Badalian — фирменная палитра 2026 для kbadalian.ru
   Tilda → Настройки сайта → Вставка кода → Пользовательские CSS-стили.
   Страницы: главная, Дом «Ни дня без Бога», Внутренняя архитектура, Консультации. */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

/* Фон страницы: тёплый белый вместо чисто белого */
body, .t-records, .kb-home, .kb-club, .kc { background-color: #FBF8F2 !important; }

/* Шапка: оливковая ночь вместо почти чёрного */
html body .kb-hdr {
  --kb-top-bg: #3E3A28;
  --kb-top-fg: #F3ECDF;
  --kb-nav-bg: #FBF8F2;
  --kb-nav-line: #EAE1CF;
  --kb-nav-fg: #5F5B46;
  --kb-nav-hov: #F3ECDF;
  --kb-ink: #2F2C1F;
}

/* Основные цвета страницы */
html body .kb-home, html body .kb-club {
  --kb-bg: #FBF8F2;
  --kb-pane: #F3ECDF;     /* бежевые блоки → лён */
  --kb-pane-2: #FBF8F2;   /* тёплый белый */
  --kb-line: #E8E0CE;
  --kb-line-p: #DDD2BB;
  --kb-ink: #2F2C1F;      /* заголовки: глубокий оливковый вместо чёрного */
  --kb-text: #3E3A28;     /* текст: оливковая ночь */
  --kb-mut: #5F5B46;
  --kb-acc: #A85C3B;      /* акцент: новая терракота */
  --kb-btn: #3E3A28;      /* кнопки: оливковая ночь */
}

/* Выделенная «дверь» в блоке «С чего начать» */
html body .kb-door--hl { background: #3E3A28 !important; border-color: #3E3A28 !important; }
html body .kb-door--hl small { color: #E6DCC6 !important; }
html body .kb-door--hl .kb-door__n { color: #C8AE88 !important; }

/* Подвал */
html body .kb-ftr {
  --kb-f-bg: #F3ECDF;
  --kb-f-fg: #2F2C1F;
  --kb-f-line: #DDD2BB;
  --kb-f-cap: #A85C3B;
  --kb-f-mut: #5F5B46;
  --kb-f-quiet: #6E6A55;
}

/* Карточки программ */
/* 1 · Внутренняя архитектура — лён и терракота */
html body .vt .c1 svg.art [fill="#F7F2E7"] { fill: #F3ECDF; }
html body .vt .c1 svg.art [fill="#995637"] { fill: #A85C3B; }
html body .vt .c1 svg.art [stroke="#995637"] { stroke: #A85C3B; }

/* 2 · Дом «Ни дня без Бога» — оливковая ночь */
html body .vt .c2 svg.art [fill="#3E3E2C"] { fill: #3E3A28; }

/* 3 · Фокус на главном — терракота вместо ярко-оранжевого */
html body .vt .c3 svg.art [fill="#D98E4C"] { fill: #A85C3B; }
html body .vt .c3 svg.art [fill="#995637"] { fill: #8A4A2E; }
html body .vt .c3 svg.art [fill="#3B1F12"] { fill: #F3ECDF; }
html body .vt .c3 svg.art [stroke="#3B1F12"] { stroke: #F3ECDF; }
html body .vt .c3 .vt-t { color: #F3ECDF !important; }
html body .vt .c3 .vt-t span { color: #F0D9C0 !important; }
html body .vt .c3 .vt-sub { color: #F3ECDF !important; }

/* ───── Текстовый шрифт: Inter вместо Golos Text ───── */
html body .kb-hdr, html body .kb-home, html body .kb-club, html body .kb-ftr, html body .kc {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
}
html body .ia { --f-body: 'Inter', system-ui, -apple-system, sans-serif; }

/* ───── Дом «Ни дня без Бога» ───── */
html body .kb-hook { background: #3E3A28 !important; }

/* ───── Внутренняя архитектура ───── */
html body .ia {
  --bg: #FBF8F2; --blush-t: #F3ECDF; --sage-t: #FBF8F2; --stone: #F3ECDF;
  --ink: #2F2C1F; --muted: #5F5B46; --line: #DDD2BB;
  --gold: #A85C3B; --gold-soft: #E8E0CE; --rose: #A85C3B;
  --sage: #EAE1CF; --blush: #F3ECDF; --graphite: #6E6A55; --brown: #3E3A28;
  --deep: #F3ECDF; --deep-ink: #2F2C1F; --deep-muted: #5F5B46; --deep-accent: #A85C3B;
  --btn-bg: #3E3A28; --btn-ink: #FBF8F2;
}
html body #rec4827280901 .t-title, html body #rec4827280901 .t702__title, html body #rec4827280901 .t-input-title { color: #2F2C1F !important; }
html body #rec4827280901 .t-descr, html body #rec4827280901 .t702__descr { color: #5F5B46 !important; }
html body #rec4827280901 .t-submit, html body .t-form-success-popup__button { background: #3E3A28 !important; }
html body #rec4827280901 .t-submit:hover, html body .t-form-success-popup__button:hover { background: #A85C3B !important; }
html body #rec4827280901 .t-input:focus { border-color: #A85C3B !important; }
html body #rec4827280901 .t-radio__indicator, html body #rec4827280901 .t-checkbox__indicator { border-color: #A85C3B !important; }
html body #rec4827280901 .t-radio__indicator::after { background: #A85C3B !important; }
html body #rec4827280901 .t-checkbox__indicator::after { border-color: #A85C3B !important; }
html body #rec4827280901 .t-checkbox__control a { color: #A85C3B !important; }
html body #rec4827280901 .t-form__successbox { background: #F3ECDF !important; color: #2F2C1F !important; }
html body .t-form-success-popup__content-icon-background { fill: #A85C3B !important; }

/* ───── Консультации ───── */
html body .kc {
  --pane: #F3ECDF; --pane2: #FBF8F2; --line: #E8E0CE; --linep: #DDD2BB;
  --ink: #2F2C1F; --text: #3E3A28; --mut: #5F5B46; --acc: #A85C3B; --btn: #3E3A28;
}
html body .kc-fm--b { background: radial-gradient(120% 90% at 100% 0%, #EBD9C2 0%, rgba(235,217,194,0) 60%), linear-gradient(#F3ECDF, #EFE5D4) !important; }
html body .kc-conf { background: #3E3A28 !important; color: #F3ECDF !important; }
html body .kc-conf b { color: #F3ECDF !important; }
html body .kc-conf p { color: #D8CDB6 !important; }
html body #kcFormSlot .t-submit, html body #kcFormSlot .t-btnflex { background: #3E3A28 !important; }
html body #kcFormSlot .t-submit:hover, html body #kcFormSlot .t-btnflex:hover { background: #A85C3B !important; }
html body #kcFormSlot .t-input:focus { border-color: #A85C3B !important; }
html body #kcFormSlot .t-checkbox__control a, html body #kcFormSlot .t-form__errorbox-wrapper * { color: #A85C3B !important; }
html body #kcFormSlot .t-radio__control:has(input:checked) { background: #3E3A28 !important; border-color: #3E3A28 !important; }
html body #kcFormSlot .t-input-title, html body #kcFormSlot .t-input-group__title, html body #kcFormSlot .t-checkbox__control { color: #5F5B46 !important; }

/* ───── Контраст и глубина (v2): тёмные заголовки, почти белый фон ───── */
body, .t-records, html body .kb-home, html body .kb-club, html body .kc { background-color: #FFFEFB !important; }
html body .kb-hdr { --kb-nav-bg: #FFFEFB; --kb-nav-fg: #4A4637; --kb-ink: #1C1B15; }
html body .kb-home, html body .kb-club { --kb-bg: #FFFEFB; --kb-pane-2: #FFFEFB; --kb-ink: #1C1B15; --kb-text: #2C2A21; --kb-mut: #4E4A3A; --kb-acc: #9A5132; --kb-line: #E6DDC9; --kb-line-p: #D8CCB2; }
html body .kb-ftr { --kb-f-fg: #1C1B15; --kb-f-mut: #4E4A3A; --kb-f-cap: #9A5132; --kb-f-quiet: #5F5B46; }
html body .ia { --bg: #FFFEFB; --sage-t: #FFFEFB; --ink: #1C1B15; --muted: #4E4A3A; --gold: #9A5132; --rose: #9A5132; --deep-ink: #1C1B15; --deep-muted: #4E4A3A; --deep-accent: #9A5132; --graphite: #5F5B46; }
html body .kc { --pane2: #FFFEFB; --ink: #1C1B15; --text: #2C2A21; --mut: #4E4A3A; --acc: #9A5132; }

/* ───── Юридические документы и «Поддержать служение» ───── */
body .kb-legal, body .kbs { background-color: #FFFEFB !important; }
html body .kb-legal { --kb-bg: #FFFEFB; --kb-pane: #F3ECDF; --kb-line: #E6DDC9; --kb-ink: #1C1B15; --kb-mut: #4E4A3A; --kb-quiet: #5F5B46; --kb-acc: #9A5132; font-family: 'Inter', system-ui, -apple-system, sans-serif; }
html body .kb-note a { border-bottom-color: rgba(154, 81, 50, .35); }
html body .kbs { --bg: #FFFEFB; --pane: #F3ECDF; --line: #DDD2BB; --ink: #1C1B15; --muted: #4E4A3A; --acc: #9A5132; font-family: 'Inter', system-ui, -apple-system, sans-serif; }

/* ───── Карточка «Фокус на главном» — в стиле двух соседних ───── */
html body .vt .c3 .vt-t { font-size: 12.5cqi !important; font-weight: 400 !important; text-transform: none !important; letter-spacing: -0.01em !important; color: #FFFEFB !important; }
html body .vt .c3 .vt-t span { display: block; font-style: italic; font-weight: 400 !important; color: #F3D3B8 !important; white-space: nowrap; }

/* ───── Моноширинный шрифт → Inter; надзаголовки и меню крупнее и темнее ───── */
html body .kb-home, html body .kb-club { --kb-mono: 'Inter', system-ui, sans-serif; }
html body .ia { --f-mono: 'Inter', system-ui, sans-serif; }
html body .kc { --mono: 'Inter', system-ui, sans-serif; }
html body .kb-hdr__tag, html body .kb-nav__i, html body .kb-ftr__cap,
html body .kb-doc__num, html body .kb-doc__date, html body .kb-note,
html body .kbs .eye, html body #kcFormSlot .t-input-title, html body #kcFormSlot .t-input-group__title { font-family: 'Inter', system-ui, sans-serif !important; }

/* шапка и меню */
html body .kb-hdr__tag { font-size: 12px !important; letter-spacing: .14em !important; opacity: .85 !important; }
html body .kb-hdr { --kb-nav-fg: #2C2A21; }
html body .kb-nav__i { font-size: 13px !important; font-weight: 500 !important; letter-spacing: .06em !important; }

/* надзаголовки (терракота) */
html body .kb-eye, html body .kb-mono, html body .kb-open, html body .kb-portrait span, html body .kb-door__n,
html body .ia .eyebrow, html body .kc-eye, html body .kc-how em, html body .kc-fm .kc-tag, html body .kbs .eye,
html body .kb-day small, html body .kb-frame span, html body .kb-tag, html body .kb-wk__l, html body .kb-ftr__cap {
  font-size: 12px !important; font-weight: 600 !important; letter-spacing: .14em !important;
}
html body .vt-tag { font-size: 11.5px !important; font-weight: 600 !important; letter-spacing: .12em !important; }
html body .kb-flag { font-size: 11px !important; font-weight: 600 !important; letter-spacing: .1em !important; }

/* цифры и подписи под ними */
html body .kb-nums div, html body .kb-facts div, html body .ia .facts div, html body .kb-fact span:first-child,
html body .kc-price span, html body .ia .module .retreat {
  font-size: 13.5px !important; letter-spacing: .02em !important; color: #4E4A3A !important;
}
html body .ia .mono, html body .ia .brand small, html body .ia .portrait span { font-size: 12.5px !important; letter-spacing: .1em !important; color: #4E4A3A !important; }
html body .kb-wk__d { font-size: 12px !important; }
html body .kb-doc__num, html body .kb-doc__date, html body .kb-note { font-size: 12.5px !important; }
html body #kcFormSlot .t-input-title, html body #kcFormSlot .t-input-group__title { font-size: 12px !important; font-weight: 600 !important; letter-spacing: .1em !important; color: #4E4A3A !important; }

/* ───── Страницы юридических документов (/legal/*) ───── */
html body .lgl-dp { background: #FFFEFB !important; color: #2C2A21 !important; font-family: 'Inter', system-ui, -apple-system, sans-serif !important; }
html body .lgl-dp a { color: #1C1B15; }
html body .lgl-dp a:hover { color: #9A5132; }
html body .lgl-dp__back { font-family: 'Inter', system-ui, sans-serif !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: .14em !important; color: #9A5132 !important; }
html body .lgl-dp__title { color: #1C1B15 !important; font-size: 44px !important; }
html body .lgl-dp__sub { color: #4E4A3A !important; font-size: 16px !important; }
html body .lgl-dp__meta { border-bottom-color: #E6DDC9 !important; }
html body .lgl-dp__mono { font-family: 'Inter', system-ui, sans-serif !important; font-size: 12.5px !important; letter-spacing: .02em; color: #4E4A3A !important; }
html body .lgl-dp__print { font-family: 'Inter', system-ui, sans-serif !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: .12em !important; color: #9A5132 !important; border-bottom-color: rgba(154,81,50,.4) !important; }
html body .lgl-dp__art { color: #2C2A21 !important; }
html body .lgl-dp__art h2 { color: #1C1B15 !important; margin-top: 48px !important; padding-top: 30px; border-top: 1px solid #E6DDC9; }
html body .lgl-dp__art > h2:first-child { padding-top: 0; border-top: 0; }
html body .lgl-dp__art h3 { color: #1C1B15 !important; }
html body .lgl-dp__art strong { color: #1C1B15; }
html body .lgl-dp__art li::marker { color: #9A5132; }
html body .lgl-dp__art a { color: #9A5132; border-bottom: 1px solid rgba(154,81,50,.35); }
html body .lgl-dp__req { background: #E6DDC9 !important; border-color: #E6DDC9 !important; border-radius: 14px; overflow: hidden; }
html body .lgl-dp__req dt { background: #F3ECDF !important; font-family: 'Inter', system-ui, sans-serif !important; font-size: 11.5px !important; font-weight: 600 !important; letter-spacing: .1em !important; color: #4E4A3A !important; }
html body .lgl-dp__req dd { background: #FFFEFB !important; color: #1C1B15; }
html body .lgl-dp__end { border-top-color: #E6DDC9 !important; }
html body .lgl-dp__toc { margin-top: 40px; padding: 22px 20px !important; background: #F3ECDF; border: 1px solid #E6DDC9; border-radius: 18px; scrollbar-width: thin; scrollbar-color: #C8AE88 transparent; }
html body .lgl-dp__toc-cap { font-family: 'Inter', system-ui, sans-serif !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: .16em !important; color: #9A5132 !important; padding-bottom: 6px !important; }
html body .lgl-dp__toc a { color: #4E4A3A !important; font-size: 13px !important; }
html body .lgl-dp__toc a:hover { color: #9A5132 !important; }
@media (max-width: 1040px) { html body .lgl-dp__toc { margin-top: 24px; } }
@media (max-width: 640px) { html body .lgl-dp__title { font-size: 32px !important; } }
html body .lgl-dp__toc::-webkit-scrollbar { width: 4px; }
html body .lgl-dp__toc::-webkit-scrollbar-thumb { background: #C8AE88; border-radius: 4px; }
html body .lgl-dp__toc::-webkit-scrollbar-track { background: transparent; }
html body .lgl-dp__tbl { border-collapse: separate !important; border-spacing: 0; border: 1px solid #E6DDC9 !important; border-radius: 14px; overflow: hidden; }
html body .lgl-dp__tbl th { background: #F3ECDF !important; font-family: 'Inter', system-ui, sans-serif !important; font-size: 11.5px !important; font-weight: 600 !important; letter-spacing: .1em !important; color: #4E4A3A !important; border-bottom-color: #E6DDC9 !important; }
html body .lgl-dp__tbl td { background: #FFFEFB; color: #1C1B15 !important; border-bottom-color: #E6DDC9 !important; }
html body .lgl-dp__tbl tr:last-child td { border-bottom: 0 !important; }
