:root {
  /* Global variables */
  font-size: 14px; /* 1rem */
  --mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  --sans-font: "Josefin Sans", "Arial", sans-serif;
  --standard-border-radius: 2px;
  --standard-border-weight: 2px;
  --light-border-weight: 1px;
  --sidenav-width: 95px;
  --light-font-weight: 300;
  --mid-font-weight: 400;
  --heavy-font-weight: 700;
  
  /* Dark theme (default) */
  --sub-accent: #66df66;
  --bg: #111;
  --bg-alt: #1c1c1c;
  --accent-bg: #3b3b3b;
  --text: #ffa000;
  --text-light: #ccc;
  --text-dark: #111;
  --text-button: #212121;
  --border: #ffa000;
  --accent-light: #ffb74d;
  --accent: #ffa000;
  --accent-hover: #ffe099;
  --accent-text: var(--bg);
  --code: #f06292;
  --preformatted: #fff;
  --disabled: #111;
  --accent-bg-light: #ccc;
  --accent-bg-dark: #111;
}

/* Light theme */
[data-theme="light"] {
  --sub-accent: #2e8b2e;
  --bg: #ffffff;
  --bg-alt: #f3f3f3;
  --accent-bg: #ddd;
  --text: #e67e00;
  --text-light: #333;
  --text-dark: #111;
  --text-button: #ffffff;
  --border: #e67e00;
  --accent-light: #ff9800;
  --accent: #ff9800;
  --accent-hover: #ff6f00;
  --accent-text: #ffffff;
  --code: #d81b60;
  --preformatted: #333;
  --disabled: #bdbdbd;
  --accent-bg-light: #f5f5f5;
  --accent-bg-dark: #e0e0e0;
}