:root {
  --text-color: #1c042b;
  --surface: #8e89a7;
  --button-highlight: #ded9f7;
  --button-face: #ded9f7;
  --button-shadow: #3e3957;
  --window-frame: #0a0a0a;
  --titlebar-text: #9b56b7;
  --dialog-blue: #1b1230;
  --dialog-blue-light: #121117;
  --dialog-gray: #68616d;
  --dialog-gray-light: #68616d;
  --link-blue: #71507e;
  --selection-back: #7b5689;
  --selection-text-color: #1c042b;
  --desktop-text: #f7f2f9;
  --desktop-text-focus-bg: #603371;
  --desktop-text-focus: #f3e4f9;
  --desktop-text-shadow: #000000;
  --thumbnail-text: var(--text-color);
  --thumbnail-text-focus-bg: #6c2088;
  --thumbnail-text-focus: #f6c5f8;
  --thumbnail-shadow: #000000;

  --font-size: 18px;
}

@font-face {
  font-family: "Domine";
  src: url('../../lib/Domine/Domine-VariableFont_wght.ttf');
  font-style: normal;
  line-height: 0.85rem;
}

* {
  font-family: "Domine", Arial;
  font-weight: bold;
}

body {
  background: repeat url('../../img/wallpapers/OS8/Dark Candy Bar Azul.png');
  image-rendering: pixelated;
}

.character-name {
  font-size: 3.0rem;
}

.prop-value {
  font-weight: bold;
  font-style: italic;
  opacity: 0.6;
}

* {
  cursor: url("grape.png"), auto;
}

button:hover,
button *:hover,
a:hover,
a *:hover {
  cursor: url("link.png"), auto;
}