/* A · Редакция
   Деловая пресса: антиква в заголовках и цифрах, линейки вместо карточек, тёплая бумага.
   Один файл = одно направление. Замена этого файла переключает весь вид.
   Добавлено сверх обязательного списка (одинаково во всех направлениях):
   --border-strong  линейки и активные границы (толще/темнее border)
   --accent-ink     акцент как текст/линия, когда --accent - светлая заливка (B: лайм)
   --on-accent      текст на заливке accent
   --success-soft / --warning-soft / --danger-soft  подложки статусов в ячейках и уведомлениях
   --rule, --rule-strong  толщина линий; --control-h, --row-h  плотность
   --icon-stroke    одна толщина линии для всех иконок направления
   --avatar-radius  форма рамки эмодзи-аватара
   --page-pad, --container  поля и ширина контента страницы
   --text-2xl       ступень между xl и hero для подзаголовков бренда (иначе разрыв 20 → 44) */
@import url('https://fonts.googleapis.com/css2?family=Literata:ital,opsz,wght@0,7..72,400;0,7..72,600;1,7..72,400&family=Golos+Text:wght@400;500;600&display=swap');

:root {
  color-scheme: light;
  --bg: #FAF8F4; /* фон страницы */
  --bg-soft: #F2EEE6; /* вторичный фон, полосы */
  --surface: #FFFFFF; /* карточки, панели */
  --text: #1B1916; /* основной текст */
  --text-muted: #57524A; /* вторичный */
  --text-subtle: #766F64; /* служебный */
  --border: #E3DDD2; /* линии */
  --border-strong: #1B1916;
  --accent: #E94823; /* одно действие на экран, активное состояние */
  --accent-soft: #FBE3DA; /* подложка акцента */
  --accent-deep: #C23A17; /* hover, нажатие */
  --accent-ink: #C23A17;
  --on-accent: #FFFFFF;
  --success: #2E7D4F;
  --success-soft: #E3F1E7;
  --warning: #A0650F;
  --warning-soft: #F6EBD6;
  --danger: #A8231B;
  --danger-soft: #F8E1DE;
  --shadow-sm: 0 1px 2px rgba(27,25,22,.06);
  --shadow-md: 0 4px 16px rgba(27,25,22,.08);
  --shadow-lg: 0 16px 48px rgba(27,25,22,.12);

  --font-display: 'Literata', 'Source Serif 4', Georgia, serif;
  --font-body: 'Golos Text', system-ui, sans-serif;
  --font-mono: 'Golos Text', system-ui, sans-serif;

  /* продукт */
  --text-2xs: 11px;
  --text-xs: 12px;
  --text-sm: 13px;
  --text-md: 14px;
  --text-lg: 16px;
  --text-xl: 20px;
  --text-2xl: 28px; /* добавлено: подзаголовки бренда между xl и hero */
  --text-hero: 44px;
  /* бренд */
  --display-sm: 64px;
  --display-md: 88px;
  --display-lg: 112px;

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-bold: 600;

  --leading-display: 1.02;
  --leading-tight: 1.15;
  --leading-snug: 1.35;
  --leading-body: 1.55;

  --tracking-display: -0.02em;
  --tracking-hero: -0.015em;
  --tracking-body: 0;
  --tracking-caps: 0.08em;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;

  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 6px;

  --rule: 1px;
  --rule-strong: 1px;
  --control-h: 40px;
  --row-h: 48px;
  --icon-stroke: 1.5;
  --avatar-radius: 50%;
  --page-pad: 64px;
  --container: 1272px;
  --ease: cubic-bezier(.2,0,0,1); /* @kind other */
  --duration: 160ms; /* @kind other */
}

[data-theme="dark"] {
  color-scheme: dark;
  --bg: #14120F; /* фон страницы */
  --bg-soft: #1C1915; /* вторичный фон, полосы */
  --surface: #221E19; /* карточки, панели */
  --text: #F3EEE6; /* основной текст */
  --text-muted: #BDB4A6; /* вторичный */
  --text-subtle: #958C7F; /* служебный */
  --border: #37312A; /* линии */
  --border-strong: #F3EEE6;
  --accent: #F2582F; /* одно действие на экран, активное состояние */
  --accent-soft: #3B1D13; /* подложка акцента */
  --accent-deep: #FF7550; /* hover, нажатие */
  --accent-ink: #FF7A55;
  --on-accent: #1B0C06;
  --success: #5CC08A;
  --success-soft: #173222;
  --warning: #E0A84A;
  --warning-soft: #33260F;
  --danger: #F0695E;
  --danger-soft: #3A1714;
  --shadow-sm: 0 0 0 1px var(--border);
  --shadow-md: 0 0 0 1px var(--border);
  --shadow-lg: 0 0 0 1px var(--border);
}