/* Тема Dunara (этап 5g) — ЕДИНСТВЕННОЕ место, где заданы цвета, шрифты, размеры, отступы и длительности новой темы.
   Страницы темы (valuation.css и следующие) используют только эти переменные. Поменять шрифт / цвет — одной строкой здесь.
   Источник: макет Dunara V2 (inventory/DUNARA-design.md). Шрифты — из своего хранилища /fonts (не Google). */
@font-face { font-family: "MGA Kudryashev"; src: url(/fonts/dunara/kudryashev-display.woff2) format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "MGA IvyMode"; src: url(/fonts/dunara/ivymode-light-italic.woff2) format("woff2"); font-weight: 300; font-style: italic; font-display: swap; }
@font-face { font-family: "MGA Inter"; src: url(/fonts/inter-300.woff2) format("woff2"); font-weight: 300; font-display: swap; }
@font-face { font-family: "MGA Inter"; src: url(/fonts/inter-400.woff2) format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "MGA Inter"; src: url(/fonts/inter-500.woff2) format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "MGA Inter"; src: url(/fonts/inter-600.woff2) format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "MGA Cormorant"; src: url(/fonts/cormorant-garamond-500.woff2) format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "MGA Cormorant"; src: url(/fonts/cormorant-garamond-400-italic.woff2) format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }

[data-theme="dunara"] {
  /* цвета */
  --d-bg: #FFFFFF;
  --d-bg-warm: #F7F5F1;
  --d-cream: #EDE7DB;
  --d-text: #1A1A1A;
  --d-text-2: #2B2B2B;
  --d-ink: #141414;
  --d-sub: #111111;
  --d-label: #6E675E;
  --d-muted: #A8A29A;
  --d-muted-2: #8A8478;
  --d-line: #E6E1D6;
  --d-line-2: #EFEBE3;
  --d-chip: #D9D3C7;
  --d-field-line: rgba(26, 26, 26, .28);
  --d-accent: var(--d-pill-bg);   /* жёлтый Dunara #F4E63E — пока нигде (правила цвета 02.11, г): метки и точки — синий MGA */
  --d-mark: transparent;           /* маркер под заголовками (был жёлтым) — пока без цвета */
  /* кнопка-«таблетка» (закон 14, 02.11): пока тёмно-синяя MGA с белым кружком «›» — одна переменная */
  --d-pill-bg: rgb(0, 35, 73); --d-pill-dot: #FFFFFF; --d-pill-dot-ink: var(--d-pill-bg);
  --d-on-dark: #F7F5F1;
  --d-shade: rgba(20, 20, 20, .46);
  --d-shadow-soft: rgba(20, 20, 20, .12);
  --d-shade-strong: rgba(20, 20, 20, .62);
  --d-error: #9B2C1F;
  --d-ch-1: #141d3e; --d-ch-2: #244f81; --d-ch-3: #1d6251; --d-ch-4: #a98025; --d-ch-5: #e0d8c4;
  /* шрифты: 4 роли — заголовок, курсивный кикер, текст, метки */
  --d-font-head: "MGA Kudryashev", "MGA Cormorant", serif;
  --d-font-kicker: "MGA IvyMode", "MGA Cormorant", serif;
  --d-font-text: "MGA Inter", system-ui, sans-serif;
  --d-font-arrow: "MGA Cormorant", serif;
  /* размеры текста */
  --d-h1: 65px; --d-h1-lh: .94; --d-h-ls: -.04em;
  --d-h2: 48px; --d-h3: 30px; --d-h4: 20px; --d-h-small-ls: .015em;
  --d-kicker: 25px; --d-kicker-lh: 1.1;
  --d-body: 15px; --d-body-lh: 1.6; --d-body-ls: .02em; --d-body-w: 300;
  --d-lead: 17px;
  --d-label-size: 10px; --d-label-ls: .17em; --d-label-w: 500;
  --d-note: 11.5px;
  --d-btn-size: 15px; --d-btn-ls: .06em;
  /* кнопки, поля */
  --d-pill: 40px; --d-btn-h: 46px; --d-btn-h-sm: 36px; --d-dot: 30px; --d-dot-sm: 22px; --d-dot-glyph: 26px;
  --d-field-h: 46px;
  /* «таблетка» отправки формы — как «Request details» в Dunara (замер 02.11: 201,5 × 45, поля 7 7 7 26, промежуток 14, кружок 28, IvyMode 21) */
  --d-send-pad: 7px 7px 7px 26px; --d-send-gap: 14px; --d-send-dot: 28px; --d-send-size: 21px;
  /* жёлтый маркер под значимыми заголовками — как в Dunara: полоса 0.2em на 88 % высоты строки, растёт при появлении */
  --d-mark-h: .2em; --d-mark-y: 88%;
  /* отступы и сетка */
  --d-sec: 84px; --d-sec-xl: 116px; --d-gutter: 58px; --d-maxw: 1360px; --d-narrow: 860px;
  --d-gap: 18px; --d-gap-l: 56px; --d-k-gap: 13px; --d-t-gap: 14px; --d-b-gap: 28px;
  --d-hdr-h: 72px;
  /* движение */
  --d-dur: .8s; --d-dur-fast: .25s; --d-ease: cubic-bezier(.22, 1, .36, 1); --d-rise: 40px;
}
/* русский: заголовки и кикеры — Cormorant (IvyMode без кириллицы; решение владельцев) */
[data-theme="dunara"]:lang(ru), [data-theme="dunara"] :lang(ru) {
  --d-font-head: "MGA Cormorant", serif;
  --d-font-kicker: "MGA Cormorant", serif;
  --d-h-ls: -.01em;
}
@media (max-width: 1100px) { [data-theme="dunara"] { --d-h1: 50px; --d-h2: 40px; --d-gutter: 36px; --d-sec: 72px; --d-sec-xl: 92px; } }
@media (max-width: 700px) {
  [data-theme="dunara"] { --d-h1: 36px; --d-h2: 31px; --d-h3: 24px; --d-h4: 18px; --d-kicker: 21px; --d-lead: 16px; --d-gutter: 20px; --d-sec: 60px; --d-sec-xl: 72px; --d-gap-l: 28px; --d-hdr-h: 60px; --d-btn-size: 14px; }
}
@media (prefers-reduced-motion: reduce) { [data-theme="dunara"] { --d-dur: 0s; --d-dur-fast: 0s; --d-rise: 0px; } }

/* баннер cookies (на всём сайте, в стиле темы) */
/* баннер cookies (02.11, п. 9): узкая полоска внизу; текст — «сноска» (Inter 11,5 / 1,5, #6E675E); кнопки маленькие; настройки — выдвижное окно */
html body .mga-cookie { position: fixed; z-index: 2147483000; left: 0; right: 0; bottom: 0; background: var(--d-bg); border-top: 1px solid var(--d-line); box-shadow: 0 -6px 24px var(--d-shadow-soft); font-family: var(--d-font-text); }
html body .mga-cookie__in { box-sizing: border-box; max-width: 1440px; margin: 0 auto; display: flex; align-items: center; gap: 10px 24px; padding: 10px 56px; }
html body .mga-cookie__t { flex: 1 1 auto; margin: 0; font-size: 11.5px; font-weight: 400; line-height: 1.5; letter-spacing: 0; color: var(--d-label); }
html body .mga-cookie__t a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
html body .mga-cookie__b { flex: none; display: flex; align-items: center; gap: 8px; }
html body .mga-cookie__btn { height: 28px; padding: 0 14px; border: 1px solid var(--d-pill-bg); border-radius: var(--d-pill); background: var(--d-pill-bg); color: var(--d-on-dark); font: 500 11px/1 var(--d-font-text); letter-spacing: .04em; cursor: pointer; white-space: nowrap; }
html body .mga-cookie__btn--line { background: transparent; color: var(--d-text); border-color: var(--d-field-line); }
html body .mga-cookie__link { padding: 0 2px; border: 0; background: none; color: var(--d-label); font: 400 11.5px/1.5 var(--d-font-text); text-decoration: underline; text-underline-offset: 2px; cursor: pointer; white-space: nowrap; }
html body .mga-cookie.is-set > .mga-cookie__in:first-child { display: none; }
html body .mga-cookie__set[hidden] { display: none; }
html body .mga-cookie__set { animation: mga-cookie-up .3s ease-out; }
@keyframes mga-cookie-up { from { transform: translateY(16px); opacity: 0; } to { transform: none; opacity: 1; } }
html body .mga-cookie__in--set { flex-direction: column; align-items: flex-start; gap: 6px; padding-top: 14px; padding-bottom: 14px; max-width: 560px; }
html body .mga-cookie__h { margin: 0 0 2px; font: 500 10px/1.4 var(--d-font-text); letter-spacing: .17em; text-transform: uppercase; color: var(--d-text); }
html body .mga-cookie__opt { display: flex; align-items: center; gap: 8px; font: 400 11.5px/1.5 var(--d-font-text); color: var(--d-label); cursor: pointer; }
html body .mga-cookie__opt input { width: 13px; height: 13px; margin: 0; accent-color: var(--d-pill-bg); }
html body .mga-cookie__in--set .mga-cookie__b { margin-top: 6px; }
@media (max-width: 900px) { html body .mga-cookie__in { flex-wrap: wrap; padding: 10px 16px 12px; } html body .mga-cookie__t { flex-basis: 100%; } }
html.m .mga-cookie__in { flex-wrap: wrap; padding: 10px 16px 12px; }
html.m .mga-cookie__t { flex-basis: 100%; }

/* кнопки отправки форм (контакты, карточка агента, …) — одна «таблетка» на весь сайт (02.11, п. 5) */
html body .dn-btn.dn-send { min-height: 0 !important; padding: var(--d-send-pad) !important; gap: var(--d-send-gap) !important; border: 0 !important; border-radius: var(--d-pill);
  background: var(--d-pill-bg) !important; color: var(--d-on-dark) !important; font-family: var(--d-font-kicker) !important; font-style: italic !important; font-weight: 300 !important;
  font-size: var(--d-send-size) !important; line-height: normal !important; letter-spacing: normal !important; text-transform: none !important; }
html body .dn-btn.dn-send .dn-btn__dot { width: var(--d-send-dot) !important; height: var(--d-send-dot) !important; font-size: var(--d-dot-glyph) !important; font-style: normal; padding-bottom: 3px !important; background: var(--d-pill-dot); color: var(--d-pill-dot-ink); }
