/* «Добрый звон» — общий набор: шрифты, цвета, орнамент, кнопки.
   Один и тот же файл лежит в webapp/kit/ и site/kit/ (исходник — shared/, копирует tools/sync_kit.sh).
   Шрифты локальные, лицензия SIL OFL 1.1 (fonts/OFL-*.txt): Lora — заголовки и молитвы, Golos Text — текст. */

@font-face { font-family: "Lora"; font-style: normal; font-weight: 400 700; font-display: swap;
  src: url("fonts/lora-cyr.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Lora"; font-style: normal; font-weight: 400 700; font-display: swap;
  src: url("fonts/lora-lat.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; }
@font-face { font-family: "Lora"; font-style: italic; font-weight: 400 700; font-display: swap;
  src: url("fonts/lora-cyr-italic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Lora"; font-style: italic; font-weight: 400 700; font-display: swap;
  src: url("fonts/lora-lat-italic.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; }
@font-face { font-family: "Golos Text"; font-style: normal; font-weight: 400 900; font-display: swap;
  src: url("fonts/golos-cyr.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Golos Text"; font-style: normal; font-weight: 400 900; font-display: swap;
  src: url("fonts/golos-lat.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 {
  /* бренд */
  --navy: #092042;
  --navy-2: #0F2C57;
  --navy-3: #16386B;
  --gold-bright: #E5B052;
  --gold-light: #F3D594;
  --ivory: #FAF5EA;
  /* светлая тема */
  --bg: #FAF5EA;
  --bg2: #F2EADA;
  --card: #FFFDF8;
  --ink: #13213D;
  --ink-2: #33415C;
  --muted: #6A6559;
  --accent: #092042;
  --accent-ink: #FBEFD3;
  --gold: #946A1E;          /* золото для текста на светлом: контраст ≥ 4.5 */
  --gold-line: #D9B56E;
  --gold-soft: #F5E8C8;
  --line: #E6DAC2;
  --ok: #2C6A4B;
  --ok-soft: #E2EFE5;
  --wait: #8A5D10;
  --wait-soft: #FBEBC9;
  --danger: #A3352B;
  --shadow-sm: 0 1px 2px rgba(9, 32, 66, .06);
  --shadow: 0 1px 2px rgba(9, 32, 66, .05), 0 8px 24px -6px rgba(9, 32, 66, .12);
  --shadow-lg: 0 2px 6px rgba(9, 32, 66, .06), 0 24px 48px -16px rgba(9, 32, 66, .28);
  --serif: "Lora", "PT Serif", Georgia, "Times New Roman", serif;
  --sans: "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --r-sm: 12px;
  --r: 18px;
  --r-lg: 24px;
  /* тонкий золотой орнамент: линия — ромб с крестом — линия */
  --orn-mid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 20'%3E%3Cg fill='none' stroke='%23C99A45' stroke-width='1.2'%3E%3Cpath d='M22 2.5l7.5 7.5-7.5 7.5-7.5-7.5z'/%3E%3Cpath d='M22 6.2v7.6M19.6 8.4h4.8M20.4 11.6l3.2-.9'/%3E%3Ccircle cx='4' cy='10' r='1.3' fill='%23C99A45' stroke='none'/%3E%3Ccircle cx='40' cy='10' r='1.3' fill='%23C99A45' stroke='none'/%3E%3C/g%3E%3C/svg%3E");
}
html.dark {
  --bg: #061631;
  --bg2: #0A1F40;
  --card: #0E2548;
  --ink: #F4ECDB;
  --ink-2: #D5CCBA;
  --muted: #A9B2C3;
  --accent: #E5B052;
  --accent-ink: #092042;
  --gold: #E5B052;
  --gold-line: #9C7A3E;
  --gold-soft: #263A5A;
  --line: #1D3A64;
  --ok: #86CBA5;
  --ok-soft: #173A33;
  --wait: #F0C36E;
  --wait-soft: #3A3420;
  --danger: #FF9C8F;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
  --shadow: 0 1px 2px rgba(0, 0, 0, .25), 0 10px 26px -8px rgba(0, 0, 0, .5);
  --shadow-lg: 0 2px 6px rgba(0, 0, 0, .3), 0 24px 48px -16px rgba(0, 0, 0, .6);
}

/* орнаментальный разделитель: <div class="orn" role="presentation"><i></i></div> */
.orn { display: flex; align-items: center; gap: 10px; margin: 18px auto; max-width: 420px; color: var(--gold-line); }
.orn::before, .orn::after { content: ""; flex: 1; height: 1px; background: linear-gradient(90deg, transparent, currentColor); }
.orn::after { background: linear-gradient(270deg, transparent, currentColor); }
.orn > i { width: 44px; height: 20px; flex: none; background: var(--orn-mid) center / contain no-repeat; }

/* надпись-«капитель» над заголовком */
.kicker { font-family: var(--sans); font-size: 12.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--gold); }

.dz-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px;
  padding: 0 24px; border-radius: 14px; border: 0; cursor: pointer; text-decoration: none;
  font: 600 17px/1.2 var(--sans); letter-spacing: .01em; transition: transform .15s ease, box-shadow .2s ease, background .2s; }
.dz-btn:active { transform: translateY(1px) scale(.99); }
.dz-btn svg { width: 22px; height: 22px; flex: none; fill: currentColor; }
.dz-btn-gold { color: #0A1E3D; background: linear-gradient(180deg, #F0C670, #E1A945); box-shadow: 0 1px 0 rgba(255,255,255,.45) inset, 0 6px 18px -6px rgba(201,145,46,.7); }
.dz-btn-gold:hover { box-shadow: 0 1px 0 rgba(255,255,255,.45) inset, 0 10px 24px -8px rgba(201,145,46,.85); }
.dz-btn-navy { color: #FBEFD3; background: linear-gradient(180deg, var(--navy-2), var(--navy)); box-shadow: 0 6px 18px -8px rgba(9,32,66,.8); }
.dz-btn-ghost { color: inherit; background: transparent; box-shadow: inset 0 0 0 1.5px currentColor; }
.dz-btn[aria-disabled="true"] { cursor: default; opacity: .75; }