/* Hallmark tokens — Издательство «Радиотехника».
 *
 * Цвета — именованные алиасы системы сайта из site.css, а не новые значения:
 * так главная разделяет со всем сайтом светлую и тёмную тему, HIG-контраст
 * и фирменную бирюзу. Цвет конкретного журнала приходит из данных через
 * inline-переменную --jc (см. site.css, правило [style*="--jc:"]).
 */
:root {
  /* colour */
  --color-paper:      var(--color-canvas-default);
  --color-paper-2:    var(--color-canvas-subtle);
  --color-ink:        var(--color-fg-default);
  --color-ink-2:      var(--color-fg-muted);
  --color-rule:       var(--color-border-muted);
  --color-rule-cover: var(--color-border-default);
  --color-control:    var(--color-border-control);
  --color-accent:     var(--color-accent-fg);
  --color-focus:      var(--color-accent-emphasis);
  --color-focus-halo: var(--color-accent-tint);
  --color-cta:        var(--color-btn-bg);
  --color-cta-hover:  var(--color-btn-hover);
  --color-cta-ink:    var(--color-btn-fg);

  /* type: Literata — заголовки и названия публикаций; SF Pro — всё остальное */
  --font-display: "Literata", ui-serif, Georgia, serif;
  --font-body:    var(--sans);

  /* five sizes, all on the HIG scale: footnote · subhead · body · title1 · display */
  --text-meta:    0.8125rem;  /* 13 */
  --text-body:    0.9375rem;  /* 15 */
  --text-lead:    1.0625rem;  /* 17 */
  --text-head:    1.75rem;    /* 28 */
  --text-display: clamp(2.125rem, 2.5vw + 1.25rem, 3.5rem); /* 34 → 56 */

  /* 4-pt spacing scale */
  --space-3xs: 0.125rem;  /*   2 */
  --space-2xs: 0.25rem;   /*   4 */
  --space-xs:  0.5rem;    /*   8 */
  --space-sm:  0.75rem;   /*  12 */
  --space-md:  1rem;      /*  16 */
  --space-lg:  1.5rem;    /*  24 */
  --space-xl:  2.5rem;    /*  40 */
  --space-2xl: 4rem;      /*  64 */
  --space-3xl: 6rem;      /*  96 */

  /* shape */
  --radius-cover: 4px;
  --radius-door:  16px;
  --radius-pill:  999px;
  --target-min:   44px;

  /* motion */
  /* the indexes' own colours on the indexing marks */
  --mark-rsci:   #3b78d0;
  --mark-vak:    #e3b04b;
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:     cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro: 120ms;
  --dur-short: 220ms;
}

/* Brand: the old radiotec.ru palette — a deep petrol bar, a steel-blue band and
 * a pale low-poly mesh behind the wordmark. Used for the home page screens and
 * any band that wants the publisher's own colour rather than a journal's. */
:root {
  --brand-deep:   #234F5C;  /* the old top bar */
  --brand-deep-2: #2C6475;
  --brand:        #56A1BD;  /* the old search band: lines and accents, not text */
  --brand-tile:   #2F7893;  /* the old icon tiles, darkened for white text (5:1) */
  --brand-tile-hover: #2A6F88;
  --brand-mist:   #EAF3F6;
  --on-brand:     #ffffff;
  --on-brand-2:   #CFE6EE;
  --mesh-line:    #8CC8DC;
  --mesh-signal:  #E4F7FF;
}
[data-theme="dark"] {
  --brand-deep:   #0D2229;
  --brand-deep-2: #12313B;
  --brand:        #5BA9C4;
  --brand-tile:   #1E5568;
  --brand-tile-hover: #24637A;
  --brand-mist:   #0A171B;
  --on-brand-2:   #A9CBD7;
  --mesh-line:    #4E8EA4;
  --mesh-signal:  #BDEBFF;
}