:root {
  --bg2: rgba(246,245,255,0.55);
  --line:  rgba(80,70,160,0.05);
  --line2: rgba(80,70,160,0.09);
  --line3: rgba(80,70,160,0.14);
  --line4: rgba(80,70,160,0.18);
  --text: #1c1e2a;
  --text2: #4a4d5e;
  --muted: #5e6378;
  --wash: rgba(80,70,160,0.03);
  --faint: rgba(80,70,160,0.05);
  --accent: #386bc4;
  --on-accent: #fff;
  --on-accent-sub: rgba(255,255,255,0.75);
  --shadow-soft: rgba(22, 80, 147, 0.159);
  --shadow-med:  rgba(80,80,160,0.08);
  /* Table status — background */
  --green-tablebg:  rgba(22, 163, 74,  0.12);
  --yellow-tablebg: rgba(202, 138,  4, 0.12);
  --red-tablebg:    rgba(220,  38, 38, 0.12);
  --purple-tablebg: rgba(124,  58, 237, 0.09);

  /* Table status — text */
  --green-tabletext:  #15803d;
  --yellow-tabletext: #a16207;
  --red-tabletext:    #b91c1c;
  --purple-tabletext: #6028d9;

  /* z-index scale */
  --z-lm-backdrop: 200;
  --z-lm-panel: 210;
  --z-cookie: 400;
  --z-skip: 600;
  --z-route-modal: 890;
  --z-diag-modal: 900;

  --serif: 'Playfair Display', Georgia, serif;
  --sans: 'IBM Plex Sans', system-ui, sans-serif;
  --mono: 'IBM Plex Mono', monospace;
  --max: 1160px;
  --nav-offset: 106px;
  --nav-pill-height: 40px;
  --r: 10px;
  --tr: 0.2s ease;
}