@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url('/assets/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:400 800;font-display:swap;src:url('/assets/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}
@font-face{font-family:'PT Serif';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/pt-serif-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'PT Serif';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/pt-serif-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}
@font-face{font-family:'PT Serif';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/pt-serif-bold-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'PT Serif';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/pt-serif-bold-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}

/* ============================================================
   НОТА КАПИТАЛ — дизайн-токены v1 (2026-07-03)
   Статус: предложение консолидации по итогам аудита
   (.agents/reports/2026-07-03-design-system-audit.md).

   Как внедрять: подключать ПЕРЕД assets/site.css.
   Блок «Legacy-алиасы» внизу переназначает старые имена
   на новые токены, поэтому текущая вёрстка не ломается.
   Миграция компонентов на новые имена — отдельной задачей.
   ============================================================ */

:root{
  /* ---- 01. Базовая палитра ------------------------------- */
  --color-ink-900:#121b24;   /* основной текст */
  --color-ink-700:#223240;   /* вторичный текст */
  --color-ink-500:#4e5b64;   /* приглушённый текст (min 14px на креме) */
  --color-navy-900:#0f2535;  /* тёмные секции, primary CTA */
  --color-navy-700:#18384d;  /* hover primary, вспомогательный тёмный */
  --color-cream-100:#fbf8f2; /* верх фоновых градиентов */
  --color-cream-200:#f7f2e8; /* фон страницы */
  --color-cream-300:#efe4d3; /* глубокий крем, подложки */
  --color-paper:#ffffff;
  --color-gold-700:#6f4c1f;  /* текстовое золото: кикеры, номера (6.9:1 на креме) */
  --color-gold-500:#b98d48;  /* орнаментальное золото: рамки, печати, кольца.
                                ЗАПРЕЩЕНО для текста — 2.7:1 на креме */
  --color-gold-200:#e9d8b6;  /* светлое золото на тёмном фоне */
  --color-green:#3f5d53;     /* успех */
  --color-red:#7e4040;       /* ошибка / предупреждение */

  /* ---- 02. Семантика: светлые поверхности ----------------- */
  --surface-page:var(--color-cream-200);
  --surface-card:var(--color-paper);
  --surface-soft:rgba(255,253,247,.45);  /* полупрозрачный крем: ячейки, полосы */
  --surface-raised:rgba(255,255,255,.8); /* панели поверх крема */
  --text-primary:var(--color-ink-900);
  --text-secondary:var(--color-ink-700);
  --text-muted:var(--color-ink-500);
  --border-soft:rgba(18,27,36,.12);      /* базовая линия: рамки, разделители */
  --border-strong:rgba(18,27,36,.26);    /* акцентные линии, hover рамок */
  --gold-border:rgba(185,141,72,.3);     /* орнаменты: печати, кольца, hover */
  --gold-tint:rgba(185,141,72,.1);       /* мягкие золотые заливки */

  /* ---- 03. Семантика: тёмные (navy) секции ---------------- */
  --dark-bg:var(--color-navy-900);
  --dark-text:#ffffff;
  --dark-text-soft:rgba(255,255,255,.78);  /* обычный текст на navy */
  --dark-text-muted:rgba(255,255,255,.66); /* минимум для текста на navy */
  --dark-border:rgba(255,255,255,.16);
  --dark-surface:rgba(255,255,255,.06);    /* карточки внутри navy */
  --dark-gold-surface:rgba(233,216,182,.15);/* золотые акцент-ячейки на navy */

  /* ---- 04. Типографика ------------------------------------ */
  --font-sans:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  --font-display:'PT Serif','Noto Serif',Georgia,'Times New Roman',serif;
  /* Google Fonts грузит 400–800: веса >800 в CSS рендерятся как 800 */
  --fw-regular:400;
  --fw-medium:600;
  --fw-semibold:700;
  --fw-bold:800;

  /* Fluid-шкала: заменяет три брейкпоинт-переопределения legacy */
  --fs-display-1:clamp(38px,29px + 2vw,54px); /* h1 главной */
  --fs-display-2:clamp(36px,29px + 1.65vw,52px);   /* h1 внутренних страниц */
  --fs-display-compact:clamp(34px,28px + 1.35vw,48px); /* длинные h1 */
  --fs-title-1:clamp(36px,29px + 1.9vw,52px);   /* h2 секций */
  --fs-title-2:clamp(32px,27px + 1.4vw,44px);   /* h2 в статьях */
  --fs-title-3:clamp(23px,21px + .6vw,28px);    /* h3 */
  --fs-accent-xl:clamp(38px,31px + 1.9vw,54px); /* крупные числа/марки (ex serif-xl) */
  --fs-accent-md:clamp(30px,27px + .7vw,36px);  /* ex serif-md */
  --fs-quote:clamp(28px,25px + .75vw,34px);
  --fs-lead:clamp(18px,15px + .7vw,24px);
  --fs-body-lg:clamp(18px,17px + .35vw,21px);
  --fs-body:clamp(17px,16.35px + .18vw,19px);
  --fs-body-sm:16px;
  --fs-caption:15px;
  --fs-micro:14px;
  --fs-label:13px;      /* только UPPERCASE-метки с letter-spacing */
  --ls-label:.14em;     /* трекинг для UPPERCASE-меток */
  --lh-display:1.0;
  --lh-title:1.08;
  --lh-body:1.55;

  /* ---- 05. Отступы ---------------------------------------- */
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-7:32px;
  --space-8:40px;
  --space-9:48px;
  --space-10:64px;
  --section-y:clamp(48px,34px + 3vw,76px); /* вертикальный ритм секций */

  /* ---- 06. Радиусы ----------------------------------------
     Вместо legacy-зоопарка 12/14/16/18/20/22/24/26/28/30/34/36 */
  --radius-sm:12px;    /* чипы, мелкие элементы */
  --radius-md:16px;    /* кнопки, инпуты, компактные карточки */
  --radius-lg:24px;    /* карточки, панели */
  --radius-xl:32px;    /* крупные блоки: hero-visual, warning, document-box */
  --radius-pill:999px;
  --radius-round:50%;

  /* ---- 07. Тени и фокус ------------------------------------ */
  --shadow-sm:0 14px 36px rgba(15,37,53,.10);
  --shadow-top-sm:0 -14px 36px rgba(15,37,53,.10);
  --shadow-md:0 24px 70px rgba(15,37,53,.08);
  --shadow-lg:0 30px 80px rgba(15,37,53,.18);
  --focus-outline:var(--color-gold-700);  /* #6f4c1f, 6.9:1 на креме — WCAG 1.4.11 */
  --focus-ring:0 0 0 4px rgba(111,76,31,.22);

  /* ---- 08. Слои ------------------------------------------- */
  --z-header:60;
  --z-sticky:1100;
  --z-overlay:1200;

  /* ---- 09. Прочее ------------------------------------------ */
  --max:1240px;
  --transition:.18s ease;
}

/* ---- 10. Legacy-алиасы: совместимость с текущим site.css ----
   После миграции компонентов на новые имена блок удаляется. */
:root{
  --ink:var(--color-ink-900);
  --ink-2:var(--color-ink-700);
  --muted:var(--color-ink-500);
  --muted-2:var(--color-ink-500);   /* был #89919a — 2.86:1, запрещён для текста */
  --paper:var(--color-paper);
  --cream:var(--color-cream-200);
  --cream-2:var(--color-cream-300);
  --navy:var(--color-navy-900);
  --navy-2:var(--color-navy-700);
  --green:var(--color-green);
  --gold:var(--color-gold-700);
  --gold-2:var(--color-gold-200);
  --red:var(--color-red);
  --line:var(--border-soft);
  --line-2:var(--border-strong);
  --white:var(--dark-text-soft);
  --shadow:var(--shadow-md);
  --r:var(--radius-lg);
  --r2:var(--radius-xl);
  --serif:var(--font-display);
  --sans:var(--font-sans);
  --fs-h1:var(--fs-display-1);
  --fs-h2:var(--fs-title-1);
  --fs-h3:var(--fs-title-3);
  --fs-serif-xl:var(--fs-accent-xl);
  --fs-serif-md:var(--fs-accent-md);
  --fs-page-h1:var(--fs-display-2);
  --fs-article-h2:var(--fs-title-2);
  --nk-focus:var(--focus-outline);
}