/* ============================================================
   ОРПАУ — дизайн-токены. Концепция «Вестник».

   Сайт устроен как официальный печатный орган профсоюза:
   светлая бумага, чернильный текст, русская типографика,
   линейки вместо заливок. Синий — цвет идентичности, живёт
   в шапке-титуле, заголовках и линейках, а не в плитах фона.
   Бронза — единственный акцент, означает статус. Красного нет.
   ============================================================ */
:root{
  /* Чернила и бумага */
  --ink:#1B1F24;          /* основной текст */
  --ink-2:#4A535D;        /* вторичный текст */
  --ink-3:#66717C;        /* метки, подписи (AA на бумаге) */
  --ink-4:#9AA4AE;        /* слабые элементы, декоративные линейки */

  --paper:#F8F6F1;        /* лист */
  --paper-2:#F1EDE5;      /* поле, подложка колонок */
  --paper-3:#E7E2D8;      /* нажатие, hover */
  --white:#FFFFFF;

  --rule:#D9D3C7;         /* тонкая линейка */
  --rule-2:#B9B1A3;       /* линейка контрастная */
  --rule-ink:#1B1F24;     /* жирная линейка полосы */

  /* Идентичность — от фирменного знака: бордовый щит и золото */
  --brand:#6A1A1D;        /* бордовый логотипа: титул, заголовки первой полосы, ссылки */
  --brand-2:#851F23;      /* hover ссылок */
  --brand-deep:#4A1114;   /* единственная тёмная полоса и подвал-акцент */
  --gold:#C0A060;         /* золото логотипа: линейки, орнамент, знак */
  --gold-light:#F0E0B0;   /* светлое золото на бордовом */

  --navy:var(--brand);    /* совместимость: прежняя роль синего */
  --navy-2:var(--brand-2);
  --navy-deep:var(--brand-deep);

  --bronze:#7F5F17;       /* золото, затемнённое до AA для мелкого текста */
  --bronze-2:var(--gold-light);
  --bronze-wash:#F5EEDC;  /* заливка чипа */

  /* Семантика */
  --bg:var(--paper);
  --bg-alt:var(--paper-2);
  --fg:var(--ink);
  --fg-2:var(--ink-2);
  --fg-3:var(--ink-3);
  --accent:var(--bronze);

  /* Совместимость с прежними именами */
  --navy-900:var(--navy-deep); --navy-850:#0F2340; --navy-800:#16304C;
  --navy-700:#1F4064; --navy-600:#2C5480;
  --graphite:var(--ink); --slate-700:#3D4650; --slate-600:var(--ink-2);
  --slate-500:var(--ink-3); --slate-400:#94A2B0; --slate-300:#BCC6D0;
  --rule-dark:#7A3A3E;

  /* Типографика: русский голос */
  --font-display:"Old Standard TT","Times New Roman",Georgia,serif;
  --font-text:"Golos Text","Segoe UI","Helvetica Neue",Arial,sans-serif;
  --font-ui:var(--font-text);

  --fs-display:clamp(2.375rem,1.2rem + 4vw,4.75rem);
  --fs-h1:clamp(2.25rem,1.45rem + 2.9vw,4rem);
  --fs-h2:clamp(1.75rem,1.3rem + 1.7vw,2.75rem);
  --fs-h3:clamp(1.375rem,1.15rem + 0.85vw,1.9375rem);
  --fs-h4:1.4375rem;
  --fs-lead:clamp(1.0625rem,1rem + 0.35vw,1.25rem);
  --fs-body:1.0625rem;
  --fs-sm:0.9375rem;
  --fs-xs:0.8125rem;
  --fs-label:0.75rem;

  /* Сетка и ритм */
  --maxw:1440px;
  /* Мера набора. 54.5rem = 872px — ровно ширина col-8 на максимальном
     макете; при кегле 20px это 75 знаков в строке, классический оптимум.
     К этой мере приведён весь основной текстовый поток сайта, чтобы правый
     край текста совпадал на всех страницах независимо от разметки блока. */
  --measure:54.5rem;
  --measure-note:34rem;   /* врезки и заметки на полях */
  --gutter:2rem;
  --pad-x:clamp(1.25rem,0.4rem + 3.4vw,7.5rem);

  --s-1:0.5rem;  --s-2:1rem;   --s-3:1.5rem; --s-4:2rem;
  --s-5:3rem;    --s-6:4.5rem; --s-7:6.5rem; --s-8:9rem;
  --section-y:clamp(3.5rem,1.6rem + 4.6vw,7.5rem);

  --radius:0;
  --ease:cubic-bezier(.2,.6,.2,1);
  --dur:.3s;
  --header-h:5.5rem;
  --header-h-compact:3.75rem;
}

/* Единственная тёмная полоса — «Членство» — и подвал. */
.on-dark{
  --bg:var(--navy-deep);
  --bg-alt:#5A1518;
  --fg:#F8F1E6;
  --fg-2:#E3CFB0;
  --fg-3:#C9AE86;
  --rule:var(--rule-dark);
  --rule-2:var(--rule-dark);
  --accent:var(--bronze-2);
  background:var(--bg);
  color:var(--fg);
}

/* Тёплое поле: подложка колонок и второстепенных разделов. */
.on-warm{
  --bg:var(--paper-2);
  --bg-alt:var(--paper-3);
  background:var(--bg);
}