:root {
  /* Backgrounds */
  --bg-void:     #080a0f;
  --bg-deep:     #0d1017;
  --bg-panel:    #111520;
  --bg-row:      #141825;
  --bg-hover:    #1a2035;

  /* Accent palette */
  --amber:       #e8832a;
  --amber-dim:   #7a4415;
  --amber-glow:  rgba(232, 131, 42, 0.12);
  --blue:        #4d9de0;
  --blue-dim:    #1a3d5c;
  --teal:        #2ab8a0;

  /* Semantic */
  --good:        #3dba72;
  --warn:        #e8c030;
  --danger:      #e05252;
  --info:        #4d9de0;
  --muted:       #3a4258;

  /* Text */
  --text-hi:     #edf0f5;
  --text-mid:    #8892a8;
  --text-lo:     #4a5268;
  --text-amber:  #e8832a;

  /* Borders */
  --border:      #1e2538;
  --border-hi:   #2e3858;

  /* Type */
  --font-display: 'Syne', sans-serif;
  --font-mono:    'IBM Plex Mono', monospace;
  --font-sans:    'IBM Plex Sans', sans-serif;

  /* Object type colors */
  --type-galaxy:   #4d9de0;
  --type-emission: #2ab8a0;
  --type-planetary: #3dba72;
  --type-snr:      #e8832a;
  --type-globular: #9b59b6;
  --type-open:     #f1c40f;
  --type-reflection: #e67e22;
  --type-dark:     #3a4258;
}