/* ==========================================
   Asciiquarium - Web Version
   CSS Variables & Global Styles
   ========================================== */

:root {
  /* Terminal-style colors adjusted for black background */
  --color-cyan: #04a1b3;
  --color-cyan-light: #00bcd4;
  --color-blue: #1565c0;
  --color-blue-dark: #0d47a1;
  --color-green: #2e7d32;
  --color-green-light: #4caf50;
  --color-yellow: #f9a825;
  --color-yellow-light: #ffc107;
  --color-red: #d32f2f;
  --color-red-light: #f44336;
  --color-magenta: #7b1fa2;
  --color-magenta-light: #9c27b0;
  --color-black: #212121;
  --color-white: #ffffff;
  --color-gray: #f3f3f3;

  /* Background */
  --bg-color: #000000;

  /* Font */
  --font-mono: "Fira Code", monospace;
}

/* Reset & Base */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: var(--bg-color);
  font-family: var(--font-mono);
}

/* Canvas - Fullscreen */
#aquarium {
  display: block;
  width: 100vw;
  height: 100vh;
  background-color: var(--bg-color);
}

/* Prevent text selection */
body {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: none;
}

/* Hide scrollbars */
body::-webkit-scrollbar {
  display: none;
}

body {
  -ms-overflow-style: none;
  scrollbar-width: none;
}