:root {
  --primary-color: #00ff88;
  --secondary-color: #20e0ff;
  --background-color: #0b0f10;
  --card-background: rgba(12, 14, 16, 0.95);
  --text-color: #d4d4d4;
  --border-color: #19a974;
  --input-background: #0a0f12;
}

:root[data-theme="light"] {
  --primary-color: #007a4a;
  --secondary-color: #006d85;
  --background-color: #f6f7f8;
  --card-background: #ffffff;
  --text-color: #1f2937;
  --border-color: #93c5aa;
  --input-background: #ffffff;
}

/* Base */
html, body { background-color: var(--background-color); color: var(--text-color); }
body { font-family: 'JetBrains Mono','Fira Code','SFMono-Regular',Consolas,monospace; letter-spacing: .2px; }

/* Containers */
.bg-black { background-color: var(--card-background) !important; }
.bg-gray-900 { background-color: var(--card-background) !important; }
.bg-gray-950 { background-color: var(--background-color) !important; }
.bg-gray-800 { background-color: var(--input-background) !important; }

/* Borders */
.border-lime-500, .border-lime-600, .border-lime-700 { border-color: var(--border-color) !important; }
.border { border-color: var(--border-color) !important; }

/* Text colors */
.text-lime-400, .text-lime-500 { color: var(--primary-color) !important; }
.text-lime-300 { color: var(--text-color) !important; }
.text-gray-400, .text-gray-500 { color: rgba(212,212,212,0.7) !important; }

/* Links and buttons */
.hover\:border-lime-500:hover { border-color: var(--border-color) !important; }
.hover\:text-lime-200:hover { color: var(--secondary-color) !important; }
.bg-lime-900 { background-color: transparent !important; border: 1px solid var(--border-color) !important; }
.hover\:bg-lime-900:hover { background-color: rgba(0,255,136,0.12) !important; }

/* Inputs */
input, textarea, select { background-color: var(--input-background) !important; color: var(--text-color) !important; border-color: var(--border-color) !important; }
input:focus, textarea:focus, select:focus { outline: none; box-shadow: 0 0 0 1px var(--border-color); }

/* Accents */
hr, .divide-y > :not([hidden]) ~ :not([hidden]) { border-color: var(--border-color) !important; }

