/* Solarized Dark Theme Base */
:root {

  /* Dark Background */
  --base03:    #002b36; /* background */
  --base02:    #073642; /* background highlights */

  /* Light Background */
  --base2:     #eee8d5; /* light bg (avoid) */
  --base3:     #fdf6e3;

  /* Primary Text */
  --base0:     #839496; /* body text / primary content */
  --base1:     #93a1a1;

  /* Secondary Text */
  --base01:    #586e75; /* comments / secondary content */
  --base00:    #657b83;


  /* Warning */
  --green:     #859900;
  --yellow:    #b58900;
  --orange:    #cb4b16;

  /* Danger */
  --red:       #dc322f;
  --magenta:   #d33682;

  /* Info */
  --violet:    #7c81c4;
  --blue:      #268bd2;

  /* Success */
  --cyan:      #2aa198;
  --black:     #212128;


  --background: var(--base03);
  --background-highlight: var(--base02);

  --text: var(--base0);
  --muted: var(--base01);
  --accent: var(--cyan);
  --primary: var(--violet);
  --selected: var(--blue);
  --active: var(--orange);
  --hover: var(--violet);
  --border: var(--base01, #586e75);
  --focus-ring: var(--blue, #268bd2);

}