@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --background: #ffffff;
  --foreground: #171717;
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #0a0a0a;
    --foreground: #ededed;
  }
}

body {
  color: var(--foreground);
  background: var(--background);
  font-family: Arial, Helvetica, sans-serif;
}

/* Import the WOFF IBM VGA font */
@font-face {
  font-family: 'IBM VGA 8x16';
  src: url('/Web437_IBM_VGA_8x16.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.vga-font {
  font-family: 'IBM VGA 8x16', monospace;
}

/* Make sure to inherit the text color for the glow color */
.glow {
  text-shadow: 0 0 10px var(--foreground);
}

.contrast {
  filter: invert(1);
}

.hue-rotate {
  filter: hue-rotate(180deg);
}

.grayscale {
  filter: grayscale(1);
}