/* General Body Styles */
*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  overflow: hidden;
  background-color: #000;
  font-family: "Share Tech Mono", monospace;
  color: var(--matrix-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  touch-action: manipulation;

  margin-bottom: var(--footer-actual-height); /* Make space for the fixed footer */
}

/* CSS Custom Properties for Theming */
:root {
  --matrix-color: #00FF41;
  --matrix-glow: #00FF41;
  --matrix-base: #0D0208;
  --matrix-dark: #003B00;
  --matrix-light: #D3FBD8;
  --matrix-dim: #008F11;
  --button-hover-bg: rgba(0, 255, 65, 0.25); /* Adjusted to new green */
  --button-hover-shadow: 0 0 15px var(--matrix-glow);
  --terminal-glow-color: rgba(0, 255, 65, 0.7); /* Adjusted to new green */
  --terminal-header-bg: rgba(0, 255, 65, 0.2); /* Adjusted to new green */
  --window-control-minimize-bg: rgba(0, 255, 65, 0.3); /* Adjusted to new green */
  --window-control-maximize-bg: rgba(0, 255, 65, 0.5); /* Adjusted to new green */

  --window-control-close-color: #000000;
  
  --footer-actual-height: 60px; /* Estimated height of the footer content + padding */
}