/* Themes + accents are pure CSS variables.
   You can add your own by cloning one of these blocks. */

/* Themes */
.theme-midnight{
  --bg0:#05060a;
  --bg1:#0a0f18;
  --panel:#101826;
  --panel2:#0c1320;
  --text:#e8efff;
  --muted:#98a6c7;
  --line:#26314a;
}

.theme-terminal{
  --bg0:#040a05;
  --bg1:#06110a;
  --panel:#07160c;
  --panel2:#05110a;
  --text:#d6ffe1;
  --muted:#7bbf8f;
  --line:#163625;
}

.theme-daybreak{
  --bg0:#f4f6ff;
  --bg1:#e9eefc;
  --panel:#ffffff;
  --panel2:#f4f6ff;
  --text:#0c1320;
  --muted:#42506e;
  --line:#c9d2ea;
}

/* Accents */
.accent-amber{ --accent:#ffd24d; --accent2:#4de1ff; }
.accent-cyan{ --accent:#4de1ff; --accent2:#ffd24d; }
.accent-lime{ --accent:#7dff78; --accent2:#4de1ff; }
.accent-magenta{ --accent:#ff6bd6; --accent2:#ffd24d; }
.accent-red{ --accent:#ff5a5a; --accent2:#ffd24d; }

/* Slightly adjust selection in light theme */
.theme-daybreak ::selection{ background: rgba(12,19,32,.15); }