:root {
  /* Abstractions */
  /*--color-bg: white;*/
  /*--color-text: black;*/
  /*--color-text-reversed: white;*/
  /*--color-text-subtle: var(--zinc-500);*/
  /*--color-link: var(--earthy-brown);*/
  /*--color-border-light: var(--zinc-100);*/
  /*--color-border: var(--zinc-200);*/
  /*--color-border-dark: var(--zinc-400);*/
  /*--color-selected: var(--blue-100);*/
  /*--color-selected-dark: var(--blue-300);*/
  /*--color-highlight: var(--yellow-200);*/

  --font-monospace-code: Hack, Dank Mono, Operator Mono, Inconsolata, Fira Mono, ui-monospace, SF Mono, Monaco, Droid Sans Mono, Source Code Pro, Cascadia Code, Menlo, Consolas, DejaVu Sans Mono, monospace;

  /* Abstractions */
  --color-bg: var(--zinc-950);
  --color-text: white;
  --color-text-reversed: black;
  --color-text-subtle: var(--zinc-400);
  --color-link: var(--earthy-brown);
  --color-border-light: var(--zinc-900);
  --color-border: var(--zinc-800);
  --color-border-dark: var(--zinc-600);
  --color-selected: var(--blue-950);
  --color-selected-dark: var(--blue-800);
  --color-highlight: var(--yellow-900);

  /* Accent colors */
  --color-primary: var(--earthy-brown);
  --color-secondary: var(--zinc-800);
  --color-negative: var(--earthy-red);
  --color-positive: var(--earthy-green);

  /* SVG color values */
  --color-filter-text: invert(1);
  --color-filter-text-reversed: invert(0);
  --color-filter-negative: invert(15%) sepia(65%) saturate(2067%) hue-rotate(339deg) brightness(102%) contrast(97%);
  --color-filter-positive: invert(23%) sepia(62%) saturate(554%) hue-rotate(91deg) brightness(93%) contrast(91%);

  /* Base colors */
  --earthy-red: #6B4F4F;
  --earthy-brown: #A68A64;
  --raw-umber: #7E5016;
  --cobalt-blue: #003366;
  --steel-gray: #7A7A7A;
  --earthy-green: #4A5A4F;
  --earthy-dark-green: #3A4B3A;
  --shrub-green: #9ab27e;

  /* Season colors */
  --color-spring: var(--earthy-green);
  --color-summer: #7a7a3a;
  --color-autumn: #7a3a3a;
  --color-winter: #3a4b6b;

  /* Coin colors */
  --brass: #B5A642;
  --copper: #B87333;
  --silver: #C0C0C0;
  --electrum: #E6E8B2;
  --gold: #D4AF37;
  --platinum: #E5E4E2;

  /* Profession colors */
  --color-cleric: #bd9f57;
  --color-druid: #7e5016;
  --color-fighter: #8b2323;
  --color-paladin: #008080;
  --color-ranger: #1b3a1b;
  --color-magic-user: #d35400;
  --color-illusionist: #8e44ad;
  --color-thief: #ff0055;
  --color-assassin: #000000;
  --color-monk: #003366;
  --color-bard: #918f77;
  --color-barbarian: #a0522d;
  --color-totemist: #d4006f;
  --color-tomb-raider: #b5a642;
  --color-cosmic-mage: #444444;
  --color-rust-mystic: #b7410e;

  /*!* Accent colors *!*/
  /*--color-primary: var(--zinc-900);*/
  /*--color-secondary: var(--zinc-100);*/
  /*--color-negative: var(--earthy-red);*/
  /*--color-positive: var(--earthy-dark-green);*/

  /*!* SVG color values *!*/
  /*--color-filter-text: invert(0);*/
  /*--color-filter-text-reversed: invert(1);*/
  /*--color-filter-negative: invert(22%) sepia(85%) saturate(1790%) hue-rotate(339deg) brightness(105%) contrast(108%);*/
  /*--color-filter-positive: invert(44%) sepia(89%) saturate(409%) hue-rotate(89deg) brightness(94%) contrast(97%);*/
  /*@media (prefers-color-scheme: dark) {*/
  /*}*/
}

* {
  border-color: var(--color-border);
  scrollbar-color: #C1C1C1 transparent;
  scrollbar-width: thin;
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--color-bg);
  color: var(--color-text);
  font-synthesis-weight: none;
  overscroll-behavior: none;
  text-rendering: optimizeLegibility;
}

.turbo-progress-bar {
  background-color: var(--color-primary);
}

::selection {
  background-color: var(--color-selected);
}

.color-positive {
  color: var(--color-positive);
}
.color-negative {
  color: var(--color-negative);
}

.italic {
  font-style: italic;
}