/* «Карта нашей семьи» — EDITORIAL. Дизайн-токены.
   Жанр: литературный журнал. Высококонтрастный серифный дисплей, книжный текст,
   слоновая кость / графит / оксблад. Акцент на типографике и воздухе. */

:root {
  /* ── Бумага / поверхности ── */
  --paper:       #F5F0E6;   /* тёплая слоновая кость */
  --paper-deep:  #EFE7D7;
  --surface:     #FCFAF4;   /* карточки/вставки */
  --ink-panel:   #211C17;   /* тёмные «полосы»-врезки */

  /* ── Текст ── */
  --ink:         #1F1B16;   /* основной */
  --ink-soft:    #463F35;
  --ink-muted:   #79705F;   /* подписи, мета, кредиты */
  --ink-on-dark: #F3ECDD;
  --ink-on-dark-mut: #C7BBA4;

  /* ── Акцент ── */
  --accent:      #6E2B2B;   /* оксблад/бордо — ссылки, акценты, буквица */
  --accent-deep: #561E1E;
  --accent-soft: #8F4A47;
  --gold:        #A8884E;   /* тонкие линии, орнамент — очень умеренно */

  /* ── Линейки / разделители ── */
  --rule:        #DCD2BE;
  --rule-strong: #C6B99D;
  --rule-ink:    #2A241D;

  /* ── Статусы (точка) ── */
  --st-active:       #3C6B4F;
  --st-construction: #9A6B1E;
  --st-needs-dev:    #9E3B2E;
  --st-built:        #2E5E8C;

  /* ── Тени (минимум) ── */
  --shadow-sm: 0 1px 2px rgba(31,27,22,.06);
  --shadow:    0 8px 30px -16px rgba(31,27,22,.30);

  /* ── Типографика ── */
  --font-display: 'Playfair Display', 'PT Serif', Georgia, 'Times New Roman', serif;
  --font-serif:   'Lora', Georgia, 'Times New Roman', serif;
  --font-sans:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --fs-root: 19px;
  --lh:      1.75;
  --lh-tight: 1.12;
  --measure: 68ch;       /* ширина читаемого текста */

  /* ── Ритм ── */
  --gap-2xs: 4px;
  --gap-xs: 8px;
  --gap-sm: 14px;
  --gap:    24px;
  --gap-md: 40px;
  --gap-lg: 72px;
  --gap-xl: 120px;

  /* ── Контейнеры ── */
  --w-page:  1300px;     /* внешний каркас */
  --w-text:  680px;      /* колонка статьи */
  --w-wide:  920px;      /* широкие блоки/цитаты */
  --header-h: 70px;

  --focus: 0 0 0 3px var(--paper), 0 0 0 5px var(--accent);
  --ease:  cubic-bezier(.4, 0, .2, 1);
}

/* масштаб шрифта для пожилых */
html.fs-1 { --fs-root: 21px; }
html.fs-2 { --fs-root: 23px; }

/* высокий контраст */
html.hc {
  --paper:#fff; --paper-deep:#fff; --surface:#fff; --ink-panel:#000;
  --ink:#000; --ink-soft:#161616; --ink-muted:#333; --ink-on-dark:#fff; --ink-on-dark-mut:#eee;
  --accent:#5A1A1A; --accent-deep:#420F0F; --gold:#000;
  --rule:#000; --rule-strong:#000; --rule-ink:#000;
  --shadow-sm:none; --shadow:0 0 0 1px #000;
}