/* Import JetBrains Mono font */
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,300;0,400;0,500;0,700;1,400&display=swap');

/* Hacker Theme Variables (Matrix / Terminal Style) */
:root {
  --background-color: #0d0208;
  --surface-color: #12040e;
  --surface-hover: #1f0817;
  --primary-color: #00ff66;
  --primary-hover: #00cc52;
  --text-color: #00ff66;
  --text-muted: #008833;
  --border-color: #003311;
  --accent-glow: rgba(0, 255, 102, 0.2);
}

/* Apply JetBrains Mono globally */
body, input, button, select, textarea, pre, code {
  font-family: 'JetBrains Mono', monospace !important;
}

/* Background & Main Layout */
body {
  background-color: var(--background-color) !important;
  color: var(--text-color) !important;
}

/* Header & Navigation */
header, .card, .sidebar, nav, .file-list, .site-header {
  background-color: var(--surface-color) !important;
  border-color: var(--border-color) !important;
}

/* Cards & Lists */
.card {
  background-color: var(--surface-color);
  box-shadow: 0 0 15px var(--accent-glow);
  border: 1px solid var(--border-color);
}

/* Table / File list rows on hover */
tr:hover, .item:hover {
  background-color: var(--surface-hover) !important;
}

/* Buttons & Interactive elements */
button, .button, .action {
  background-color: var(--surface-color) !important;
  color: var(--primary-color) !important;
  border: 1px solid var(--primary-color);
  border-radius: 4px;
  box-shadow: 0 0 5px var(--accent-glow);
  transition: all 0.2s ease;
}

button:hover, .button:hover, .action:hover {
  background-color: var(--primary-color) !important;
  color: var(--background-color) !important;
  box-shadow: 0 0 12px var(--primary-color);
}

/* Inputs & Search bars */
input[type="text"], input[type="password"], input[type="search"] {
  background-color: var(--background-color) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--primary-color) !important;
  border-radius: 4px;
}

input:focus {
  border-color: var(--primary-color) !important;
  box-shadow: 0 0 8px var(--accent-glow);
  outline: none;
}

/* Scrollbars */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: var(--background-color);
}
::-webkit-scrollbar-thumb {
  background: var(--border-color);
  border-radius: 4px;
  border: 1px solid var(--primary-color);
}
::-webkit-scrollbar-thumb:hover {
  background: var(--primary-color);
}