:root {
  --background: #ffffff;
  --highlight:  #eeeeee;
  --secondary:  #aaaaaa;
  --primary:    #444444;
  --emphasized: #1a1a1a;

  --font-body:    system-ui, sans-serif;
  --font-mono:    ui-monospace, monospace;
  --font-heading: system-ui, sans-serif;

  --yellow:  #d4a017;
  --orange:  #d05a2b;
  --red:     #cc3333;
  --magenta: #bb3377;
  --violet:  #6655aa;
  --blue:    #3366cc;
  --cyan:    #1a9988;
  --green:   #558833;
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #1e1e1e;
    --highlight:  #252526;
    --secondary:  #555555;
    --primary:    #d4d4d4;
    --emphasized: #ffffff;
    --violet:     #9977cc;
    --blue:       #4fc1ff;
    --cyan:       #4ec9b0;
    --green:      #6a9955;
  }
}