:root{
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-5:24px; --space-6:32px; --space-7:48px; --space-8:64px;
  --space-9:96px; --space-10:128px;

  --radius:0px;          /* zero corner radius everywhere — both lines */
  --rule:2px;            /* strong black structural rule (red line) */
  --hairline:1px;        /* light rule inside tables and lists */
  --focus-width:2px;
  --focus-offset:2px;

  /* the lettermark's own geometry — the source of the brand's proportions */
  --bar-h:16px;          /* one E-bar height at 100% mark scale */
  --bar-gap:9px;
  --bar-block:66px;      /* long bar length */
  --bar-short:48px;      /* middle bar length */
  --clear-space:66px;    /* >= total E-bar height (3 bars + 2 gaps) on all sides */

  /* layout */
  --page-max:1200px;
  --gutter:var(--space-6);
  --grid-cols:12; /* @kind other */

  /* elevation: the brand has none. Structure comes from rules and whitespace. */
  --shadow-none:none;
}