/* minimal atlas — spacing. Every vertical distance is a function of one base,
   --interval; a consumer redefines that one token per band and everything travels.
   The 1440 artwork values are the RATIOS the functions encode — where an artwork
   measurement did not fit a clean ratio (125 / 110 / 98 / 66 / 37 / 33 / 32) the
   function wins; the deviations are recorded in the guideline. */
:root{
  /* the two declared values */
  --interval:50px;        /* region interval: rule → next element, record separation, ABOUT section rhythm */
  --interval-line:10px;   /* the distance a word keeps from the line or edge it sits on — not leading, not --media-gap (same value, different owner) */
  --menu-line:30px;       /* retired 2026-09-10: menu lines read --leading-menu-type (28) / --leading-menu-system (24); kept only for consumers that still read it */
  --arrow-gap:6px;        /* SYSTEM ↓ arrow gap in the WORK menu (artwork) */

  /* derived */
  --interval-half:max(calc(var(--interval) / 2), 20px); /* inside a record, nav gaps, header top */
  --open-copy:calc(var(--interval) * 3);                 /* header → first body copy (HOME) */
  --open-rule:calc(var(--interval) * 2);                 /* header → first rule (ABOUT, PROJECT) */
  --rule-weight:2px;                                     /* one weight for every rule in the system */
  --open-label:calc(var(--interval-half) - var(--interval-line)); /* header → page-state label row (WORK LIST, NEWS) */
  --col-sub:calc(var(--col-index-width) + var(--col-gap)); /* sub-column line inside the content field (420): the field repeats the index pitch */
  --record-pitch:calc(var(--interval) * 3);              /* NEWS / CURRENT record rows (150 at 1440) */
  --row-pitch:calc(var(--media-row) + var(--interval) * 2); /* WORK LIST project rows (500 at 1440) */

  /* the --space-* scale stays for the guideline's record; no composition reads it */
  --space-10:10px;
  --space-12:12px;
  --space-14:14px;
  --space-20:20px;
  --space-28:28px;
  --space-30:30px;
  --space-40:40px;
  --space-50:50px;
  --space-60:60px;
  --space-80:80px;
  --space-100:100px;
  --space-120:120px;
  --space-150:150px;
  --space-200:200px;
}