/* Palette */

:root {
  /* backgrounds */
  --bg:           #0a0a0a;
  --bg-elevated:  #111111;
  --bg-hover:     #1a1a1a;

  /* foregrounds */
  --fg:           #ffb000;
  --fg-bright:    #ffcc33;
  --fg-dim:       #996600;
  --fg-faint:     #664400;

  /* accent / interactive */
  --accent:       #ffaa00;
  --accent-glow:  rgba(255, 176, 0, 0.4);

  /* selection & borders */
  --selection-bg: #332b00;
  --border:       #333300;
  --border-bright: #665500;

  /* CRT effects */
  --scanline:     rgba(255, 176, 0, 0.03);
  --flicker:      rgba(255, 176, 0, 0.02);

  /* sizing */
  --font-mono:    "IBM Plex Mono", "JetBrains Mono", "Fira Code", "Cascadia Code", "Courier New", monospace;
  --font-size:    15px;
  --line-height:  1.5;
  --max-width:    800px;
}