/* TASK-1244 (ADR-0155 п.2): the token layer of new — loaded right after the owner's styles.css on every page (the
   build adds the link when this file is in the source). Only NEW names for values that already stand on the pages
   (docs/os/work/TASK-1244/blocks.md § 1); the owner's names (--purple, --ink, --line, --surface …) stay in his
   styles.css and are never redefined here (tools/test_build_new_tokens.py). Sources: the owner's styles.css, his
   package docs/os/work/TASK-0951/tokens/design-tokens.css v1.0 and his choices on new (card numbers below).
   Colours, radii, type sizes and widths outside this layer stop the build (tools/newsite/tokens.py, NewDrift).

   Breakpoints (a custom property cannot stand in @media) — the 24 conditions of the CSS + 2 of the JS, blocks.md § 1.4:
     max-width: 349 359 360 379 380 399 600 759 760 859 959 1023 1199 1199.98
     min-width: 560 600 640 641 700 760 761 860 960 1200
     matchMedia: (max-width: 759px) search.js, (min-width: 860px) submenu.js
   Main points for new blocks: 400 · 600 · 760 · 860 · 960 · 1200; the others are their blocks' own. */
:root {
  /* colours (§ 1.1) */
  --on-purple: #FFFFFF;          /* text on purple and on the footer plate — package --toa-on-primary */
  --divider: #E9E3F1;            /* inner lines of the ranking row, «no data» ground — styles.css literal */
  --panel: #FCFBFE;              /* open panel under a row, figure ground, submenu panel — styles.css .review-panel */
  --control-line: #776A8E;       /* field / disabled control edge — package --toa-control-border (kit only for now) */
  --warn-bg: #FEF0C7;            /* «Medium» of Load — owner's choice TASK-1070 (brand.md «Сигналы», yellow pair) */
  --warn-tx: #93370D;            /* «Medium» word, «Slow» ground */

  /* shadows and veil (§ 1.2) — --ink with alpha, no new colours */
  --shadow-stuck: 0 6px 18px #25213314;
  --shadow-drop: 0 14px 28px #2521331f;
  --shadow-menu: 0 14px 30px #25213318;
  --shadow-dialog: 0 20px 80px #25173830;
  --backdrop: #20182d66;
  --fade-end: #ffffff00;

  /* radii (§ 1.3) — the steps the owner chose on new */
  --radius-chip: 4px;            /* TASK-0997 variant B (was compact.css) */
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-button: 10px;
  --radius-tile: 12px;
  --radius-box: 13px;
  --radius-card: 17px;
  --radius-dialog: 20px;
  --radius-pill: 999px;

  /* sizes, font, motion (§ 1.4) */
  --page-width: 1070px;          /* TASK-0970 (was compact.css) */
  --gutter: 26px;
  --measure: 780px;
  --container: calc(var(--page-width) + 52px);
  --hdr-h: 64px;
  --font: Manrope, Arial, sans-serif;
  --control-h: 44px;
  --focus-w: 3px;
  --motion: 150ms;

  /* the owner's type scale, by value (§ 1.4) */
  --fs-11: 11px; --fs-12: 12px; --fs-13: 13px; --fs-14: 14px; --fs-15: 15px; --fs-16: 16px; --fs-17: 17px;
  --fs-18: 18px; --fs-21: 21px; --fs-24: 24px; --fs-30: 30px; --fs-34: 34px; --fs-40: 40px;

  /* the infographic palette (standards/brand.md «Палитра инфографики», TASK-0924) — moved as is from guide-figs.css;
     for figures only (figure.tpk-fig.il and the coming .dv) */
  --dv-paper: #FFFFFF; --dv-ink: #0B1733; --dv-muted: #4A5878; --dv-rule: #DCE3F0;
  --dv-red: #D7263D; --dv-black: #1B2440; --dv-green: #0B7A52; --dv-blue: #1747D6;
  --dv-orange: #E8590C; --dv-violet: #6D28D9; --dv-teal: #0E7490;
  --dv-orange-tint: #FFEBD9; --dv-violet-tint: #EFE7FF; --dv-teal-tint: #DDF3F8;
}
@media (max-width: 859px) { :root { --hdr-h: 56px; } }
@media (max-width: 759px) { :root { --gutter: 16px; } }
@media (prefers-reduced-motion: reduce) { :root { --motion: 0ms; } }