/* 
==== COLOR IDEAS ==== 
=====================
LIGHT-BLUE THEME (l,l,d,d):
  --link-color: #39c;
  --link-hover: #069;
  --link-color: #70c0ff;
  --link-hover: #4da8ff;

DARK-BLUE THEME (l,l,d,d):
  --link-color: #2C3E50;
  --link-hover: #1A252F;
  --link-color: #85A5C2;
  --link-hover: #B0C4DE;

DARK-RED THEME (l,l,d,d):
  --link-color: #8A1538;
  --link-hover: #5C0E25; 
  --link-color: #E27A93;
  --link-hover: #F0A6B8;

DARK-GREEN THEME (l,l,d,d):
  --link-color: #1E5631;
  --link-hover: #0D2E18;
  --link-color: #79B58A;
  --link-hover: #A3D2B0;


OXFORD BLUE THEME (l,l,d,d):
  --link-color: #1A4B84;
  --link-hover: #0F2C4E;
  --link-color: #5C8EBC;
  --link-hover: #8AAED0;

TERRACOTTA BRICK THEME (l,l,d,d):
  --link-color: #B33939;
  --link-hover: #852525;
  --link-color: #D46A6A;
  --link-hover: #E49B9B;

ACADEMIC TEAL THEME (l,l,d,d):
  --link-color: #227068;
  --link-hover: #124540;
  --link-color: #56A39B;
  --link-hover: #86C5BE;

DEEP AMETHYST THEME (l,l,d,d):
  --link-color: #5E3A8C;
  --link-hover: #3A205C;
  --link-color: #9B7EBD;
  --link-hover: #BFA8D6;
*/



/* ==== VARIABLES ==== */

:root {
  --link-color: #1A4B84;
  --link-hover: #0F2C4E;

  --bg-color: #fff;
  --text-color: #040101;
  --header-color: #222;
  --pre-bg: #f8f8f8;
  --pre-border: #e5e5e5;
  --code-color: #333;
  --h2-color: #393939;
  --h3-h6-color: #494949;
  --small-link-color: #777;
  --header-ul-bg: #f4f4f4;
  --header-ul-border: #e0e0e0;
  --header-ul-link: #999;
  --header-ul-active: #f0f0f0;
  --dt-th-color: #444;

  --sidebar-width: 270px; 
}

body.dark-mode {
  --link-color: #5C8EBC;
  --link-hover: #8AAED0;

  --bg-color: #1a1a1a;
  --text-color: #d9d9d9;
  --header-color: #fff;
  --pre-bg: #2d2d2d;
  --pre-border: #404040;
  --code-color: #d9d9d9;
  --h2-color: #cccccc;
  --h3-h6-color: #bbbbbb;
  --small-link-color: #999;
  --header-ul-bg: #2d2d2d;
  --header-ul-border: #404040;
  --header-ul-link: #aaaaaa;
  --header-ul-active: #383838;
  --dt-th-color: #bbbbbb;
}