:root {
  --preferred-font: sans-serif;

  --focus: #B24D7A;

  --desktop-bg: #63639C;

  --button-bg: #AEB2C3;
  --button-fg: #000000;
  --button-active-bg: #9397A5;
  --button-active-fg: #000000;
  --button-dark: #5D6069;
  --button-light: #DCDEE5;
  --input-bg: #FFF7E9;
  --input-fg: #000;
  --input-dark: #99948B;
  --input-light: #CCC5BA;

  --dialog-button-bg: var(--button-bg);
  --dialog-button-fg: var(--button-fg);
  --dialog-button-active-bg: var(--button-active-bg);
  --dialog-button-active-fg: var(--button-active-fg);
  --dialog-button-dark: var(--button-dark);
  --dialog-button-light: var(--button-light);
  --dialog-input-bg: var(--input-bg);
  --dialog-input-fg: var(--input-fg);
  --dialog-input-dark: var(--input-dark);
  --dialog-input-light: var(--input-light);

  --select-active-bg: #000000;
  --select-active-fg: #FFFFFF;

  --title-bar-bg: var(--button-bg);
  --title-bar-fg: var(--button-fg);
  --title-bar-dark: var(--button-dark);
  --title-bar-light: var(--button-light);

  --title-bar-active-bg: #B24D7A;
  --title-bar-active-fg: #FFFFFF;
  --title-bar-active-dark: #58263C;
  --title-bar-active-light: #DDAFC3;
}

body {
  background-color: var(--button-bg);
  color: var(--button-fg);
  font-family: system-ui;
}

button::-moz-focus-inner {
  border: none;
}

button, input, textarea, select {
  font-family: inherit;
  font-size: inherit;
}

code {
  font-family: monospace;
}