/* ============================================================
   $TEST — theme.css
   EVERY color, font, and spacing value for the whole site
   lives in this file. Nothing is hard-coded anywhere else.
   To re-skin later: change values here, touch nothing else.
   ============================================================ */
:root {
  /* ---- Color — terminal skin -------------------------------- */
  --bg:            #000000;   /* page background */
  --grid-line:     rgba(255, 255, 255, 0.05);   /* faint grid */
  --panel:         #111111;   /* cards, panels */
  --ink:           #FFFFFF;   /* primary text */
  --dim:           #A6A6A6;   /* secondary text */
  --line:          #2A2A2A;   /* borders, rules */
  --accent:        #FEBC2E;   /* window-dot yellow */
  --ink-on-accent: #000000;   /* text on accent */
  --good:          #28C840;   /* window-dot green — pass states */
  --strip-a:       #FEBC2E;   /* hazard strip A */
  --strip-b:       #000000;   /* hazard strip B */

  /* ---- Type ------------------------------------------------- */
  --font-body: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* ---- Space & shape ---------------------------------------- */
  --s1: 4px;  --s2: 8px;  --s3: 12px; --s4: 16px;
  --s5: 24px; --s6: 32px; --s7: 48px; --s8: 72px;
  --radius: 4px;
  --page-max: 1060px;   /* overall content width */
  --measure: 68ch;      /* readable text column  */
  --grid-size: 24px;    /* faint grid cell size  */
}