:root {
  --tcg-printer-display-font-family: "Fredoka";
  --tcg-printer-display-font-weight: 700;
  --tcg-printer-navy: #012E67;
  --tcg-printer-navy-dark: #031A36;
  --tcg-printer-cyan: #08C3FD;
  --tcg-printer-cyan-dark: #59D8FF;
  --tcg-printer-white: #F8FBFF;
  --tcg-printer-coral: #FF6554;
  --tcg-printer-interactive-light: #006B8A;
  --tcg-printer-interactive-light-high-contrast: #004C68;
  --tcg-printer-interactive-dark: #59D8FF;
  --tcg-printer-interactive-dark-high-contrast: #A9ECFF;
  --tcg-printer-canvas-light: #F3FAFF;
  --tcg-printer-canvas-dark: #031A36;
  --tcg-printer-surface-light: #E4F5FF;
  --tcg-printer-surface-dark: #0A3266;
  --tcg-printer-interactive: #006B8A;
  --tcg-printer-canvas: #F3FAFF;
  --tcg-printer-surface: #E4F5FF;
}

@media (prefers-color-scheme: dark) {
  :root {
    --tcg-printer-interactive: #59D8FF;
    --tcg-printer-canvas: #031A36;
    --tcg-printer-surface: #0A3266;
  }
}

@media (prefers-contrast: more) {
  :root {
    --tcg-printer-interactive: #004C68;
  }
}

@media (prefers-color-scheme: dark) and (prefers-contrast: more) {
  :root {
    --tcg-printer-interactive: #A9ECFF;
  }
}