@import url('https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;700&display=swap');

body.theme-matrix {
  background: #000;
  color: #00ff41;
  font-family: 'Fira Mono', 'Consolas', 'Menlo', 'Monaco', 'monospace';
  text-shadow: 0 0 4px #00ff41, 0 0 8px #00ff41;
}

/* Make all window content use a monospaced, code-like font */
body.theme-matrix .window,
body.theme-matrix .window .content,
body.theme-matrix .title-bar,
body.theme-matrix #theme-switcher-btn,
body.theme-matrix #reload95-btn {
  font-family: 'Fira Mono', 'Consolas', 'Menlo', 'Monaco', 'monospace' !important;
}

body.theme-matrix .window,
body.theme-matrix .window .content {
  background: #0a0f0a !important;
  color: #00ff41 !important;
  border-color: #00ff41 !important;
  box-shadow: 0 0 24px #00ff41;
  border-radius: 0 !important; /* Remove rounded corners */
}

body.theme-matrix .title-bar {
  background: linear-gradient(90deg, #003300 0%, #00ff41 100%) !important;
  color: #00ff41 !important;
  text-shadow: 0 0 4px #00ff41;
  padding-left: 10px; /* or adjust as needed */
}

body.theme-matrix #theme-switcher-btn,
body.theme-matrix #reload95-btn {
  background: #0a0f0a;
  border: 2px solid #00ff41;
  color: #00ff41;
  text-shadow: 0 0 4px #00ff41;
  font-family: 'Fira Mono', 'Consolas', 'Menlo', 'Monaco', 'monospace';
}

body.theme-matrix .window .buttons .btn {
  background: #000;
  border: 1px solid #00ff41;
  box-shadow: 0 0 4px #00ff41;
}

/* Matrix-specific Bluesky window and typing effect */
body.theme-matrix .window.bluesky,
body.theme-matrix #bluesky-content {
  background: #18181b !important;
  border-radius: 8px;
}
body.theme-matrix #bluesky-content,
body.theme-matrix #bluesky-content > div {
  color: #00ff41 !important;
}

body.theme-matrix .window {
  border-radius: 12px !important;
  overflow: hidden !important;
}

body.theme-matrix .window .content {
  border-radius: 0 !important;
  padding: 16px 20px !important;
  overflow: visible !important;
  background: #0a0f0a !important;
  color: #00ff41 !important;
  border: none !important;
  box-shadow: none !important;
  filter: none !important;
}