/* Matrix Theme - Green and Black */
:root {
  --matrix-bg: #000000;
  --matrix-green: #00ff41;
  --matrix-green-dim: #003b00;
  --matrix-text: #00ff41;
  --matrix-glow: 0 0 8px rgba(0, 255, 65, 0.8);
  --matrix-accent: #00cc36;
  --matrix-black: #000000;
}

/* Matrix theme body */
.matrix-theme {
  background-color: var(--matrix-bg);
  color: var(--matrix-text);
  font-family: 'Courier New', monospace;
}

/* Matrix style text */
.matrix-theme h1,
.matrix-theme h2,
.matrix-theme h3,
.matrix-theme h4,
.matrix-theme h5,
.matrix-theme h6 {
  color: var(--matrix-green);
  text-shadow: var(--matrix-glow);
}

/* Matrix links */
.matrix-theme a {
  color: var(--matrix-green);
  text-decoration: none;
  transition: all 0.3s ease;
}

.matrix-theme a:hover {
  color: var(--matrix-green);
  text-shadow: var(--matrix-glow);
}

/* Matrix buttons */
.matrix-theme .btn-primary,
.matrix-theme button,
.matrix-theme .matrix-nav-button {
  background-color: var(--matrix-green-dim);
  color: var(--matrix-green);
  border: 1px solid var(--matrix-green);
  text-shadow: none;
  transition: all 0.3s ease;
}

.matrix-theme .btn-primary:hover,
.matrix-theme button:hover,
.matrix-theme .matrix-nav-button:hover {
  background-color: var(--matrix-green);
  color: var(--matrix-black);
  box-shadow: var(--matrix-glow);
}

/* Matrix headers and navigation */
.matrix-theme header,
.matrix-theme nav {
  background-color: rgba(0, 0, 0, 0.8);
  border-bottom: 1px solid var(--matrix-green-dim);
}

.matrix-theme .header-links a {
  color: var(--matrix-green);
}

.matrix-theme .header-links a:hover {
  color: var(--matrix-green);
  text-shadow: var(--matrix-glow);
}

/* Matrix hero section */
.matrix-theme .hero-section {
  position: relative;
  background-color: transparent;
  overflow: hidden;
}

/* Matrix text highlight */
.matrix-theme .highlight {
  color: var(--matrix-green);
  text-shadow: var(--matrix-glow);
}

/* Matrix overlay for better text visibility */
.matrix-theme .overlay {
  background: rgba(0, 0, 0, 0.6);
}

/* Hide default backgrounds in matrix theme */
.matrix-theme .bg-white,
.matrix-theme .bg-gray-100,
.matrix-theme .bg-blue-50 {
  background-color: transparent !important;
}

/* Override dark theme text colors */
.matrix-theme .dark\:text-white {
  color: var(--matrix-green) !important;
}

/* Matrix footer */
.matrix-theme footer {
  background-color: rgba(0, 0, 0, 0.8);
  border-top: 1px solid var(--matrix-green-dim);
  color: var(--matrix-green);
}

/* Main content wrapper */
.main-content-wrapper {
  position: relative;
  min-height: calc(100vh - 120px); /* Account for header and footer */
  overflow: hidden;
}

/* Matrix background container */
.matrix-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
  background-color: var(--matrix-black);
}

/* Canvas for the matrix animation */
#matrix-canvas {
  width: 100%;
  height: 100%;
}