:root {
  /* https://www.color-name.com/hex/ */
  --blue-haze: #9aa4c7;
  --fresh-blue: #7dd3fc;
  --military-blue: #33406f;
  --zumthor: #eef2ff;

  --background: #0f1730;

  --panel: #161d32;
  --panel-active: #1a2448;

  --border: rgb(255, 255, 255, 0.08);
  --border-active: var(--fresh-blue);

  --text: var(--zumthor);
  --text-active: var(--fresh-blue);
  --text-mute: var(--blue-haze);
  --muted: var(--blue-haze);

  --line: var(--military-blue);
  --accent: var(--fresh-blue);

  --axis-width: 120px;
  --page-pad: 16px;
  --page-gap: 16px;

  --card-radius: 24px;
  --panel-radius: 24px;
}