/* brand.css — the Grand Army system (Landseed brand guidelines, Spring 2026), as tokens.
 *
 * ⭑ READ FROM THE GUIDE ITSELF (landseed-pbc/assets/brand/Brand Guidelines/
 *   grandarmy_landseed_brand-guidelines_2026-03-10.pdf), not from memory of "a dashboard":
 *   · six colours, flat, never a gradient or a glow: Pink E682E6 · Yellow FFC800 · Green 00BE5A ·
 *     Aqua 32C8FF · Blue 1482FF · Black 000000; pairings are a colour SQUARE on black
 *   · one face, bold: Neue Haas Grotesk Text Bold, Inter 700 the web substitute
 *   · headlines Title Case, tracking -5%, line height 100% · text Sentence case, -4%, 110%
 *   · every page carries a RUNNING HEADER: a row of bold sentence-case cells on the grid
 *     (Landseed · section · sub-section · page number), never an uppercase tracked label
 *   · hard rectangles, no radius; the one-colour emblem's HORIZONTAL STRIPES are the brand's own
 *     texture, and here they are the meter: a striped block is "not yet", a solid one "done"
 * ⛔ So: no rounded cards, no glass blur, no pills, no drop shadows, no caps-tracked micro-labels.
 *   Those are the generic dashboard; this page has to read as Landseed's and nobody else's.
 */
:root {
  --ls-pink: #E682E6; --ls-yellow: #FFC800; --ls-green: #00BE5A; --ls-aqua: #32C8FF; --ls-blue: #1482FF; --ls-black: #000000;
  --ls-ink: #F0F0EA; --ls-ink-2: #BDBDB6; --ls-dim: #85857F; --ls-faint: #3C3C39; --ls-line: #1F1F1F; --ls-line-2: #2A2A2A;
  --ls-panel: #000000; --ls-raise: #0B0B0A;

  /* the brand's type, on top of spot.css's scale */
  --text-num: 44px; --text-num-m: 30px; --text-num-s: 20px;
  --track-tight: -.05em; --track-text: -.04em; --track-num: -.055em;
  --leading-none: 1; --leading-text: 1.1;

  /* the emblem's stripes: 2 px of colour, 2 px of black, horizontal */
  --stripe: repeating-linear-gradient(to bottom, var(--c, var(--ls-ink)) 0 2px, transparent 2px 4px);
  --gutter: 24px;
}