:root {
  --base00: #181818;  /* background: neutral dark */
  --base01: #282828;  /* lighter background / UI elements */
  --base02: #383838;  /* subtle highlights / selection */
  --base03: #5c5c5c;  /* comments / secondary text */
  --base04: #b8b8b8;  /* dark foreground / variables */
  --base05: #d8d8d8;  /* main text */
  --base06: #e8e8e0;  /* highlights / code strings */
  --base07: #f8f8f0;  /* brightest foreground / headers */
  --base08: #d27b70;  /* red / errors */
  --base09: #d7af7b;  /* orange / warnings */
  --base0A: #e0e08b;  /* yellow / minor accents */
  --base0B: #a1b56c;  /* green / success / main accent */
  --base0C: #7ab8b8;  /* cyan / info / links */
  --base0D: #7cafc2;  /* blue / keywords / headings */
  --base0E: #b88bae;  /* magenta / types / constants */
  --base0F: #a38b6b;  /* optional / extra accents */
}