:root{
  /* base palette */
  --obsidian:#080808;
  --surface-dark:#111111;
  --surface-elevated:#181818;
  --acid:#D9FF00;
  --acid-deep:#A8C700;
  --ivory:#F4F4EF;
  --grey:#8B8B8B;
  --grey-dim:#5A5A5A;

  /* alpha derivations */
  --white-04:rgba(255,255,255,0.04);
  --white-06:rgba(255,255,255,0.06);
  --white-12:rgba(255,255,255,0.12);
  --white-24:rgba(255,255,255,0.24);
  --acid-08:rgba(217,255,0,0.08);
  --acid-16:rgba(217,255,0,0.16);
  --acid-32:rgba(217,255,0,0.32);

  /* semantic surfaces */
  --bg-page:var(--obsidian);
  --surface-card:var(--surface-dark);
  --surface-raised:var(--surface-elevated);
  --surface-inverse:var(--ivory);

  /* semantic ink */
  --text-primary:var(--ivory);
  --text-secondary:var(--grey);
  --text-disabled:var(--grey-dim);
  --text-accent:var(--acid);
  --text-on-accent:var(--obsidian);
  --text-on-inverse:var(--obsidian);

  /* semantic accent + lines */
  --accent:var(--acid);
  --accent-hover:var(--acid-deep);
  --accent-wash:var(--acid-08);
  --border-hairline:var(--white-12);
  --border-strong:var(--white-24);
  --border-accent:var(--acid);

  /* focus */
  --focus-ring:var(--acid);
}