@theme {
  --font-sans: "Courier New", Courier, monospace;
}

:root {
  /* Matrix Font */
  --font-sans: "Courier New", Courier, monospace;

  /* Primary Background Colors */
  --color-bg-primary: #000000;
  --color-bg-secondary: #050505;
  --color-bg-tertiary: #0a0a0a;
  --color-bg-header: rgba(0, 0, 0, 0.95);

  /* Text Colors */
  --color-text-primary: #00ff41; /* Matrix Green */
  --color-text-secondary: #008f11; /* Darker Green */
  --color-text-muted: #003b00; /* Dim Green */

  /* Border Colors */
  --color-border: #003b00;
  --color-border-light: #00ff41;
  --color-border-medium: #008f11;

  /* Accent Colors */
  --color-accent-primary: #00ff41;
  --color-accent-secondary: #008f11;
  --color-accent-blue: #00ff41; /* Override blue to green */
  --color-accent-green: #00ff41;
  --color-accent-red: #ff0000; /* System Crash Red */
  --color-accent-yellow: #ffff00; /* Warning Yellow */
  --color-accent-amber: #ffcc00;

  /* Steam Colors (Matrix-ified) */
  --color-steam-bg: #000000;
  --color-steam-hover: #003b00;
  --color-steam-text: #00ff41;
  --color-steam-border: #00ff41;

  /* Glass Effect - Solid black with green border */
  --glass-bg: rgba(0, 0, 0, 0.9);
  --glass-border: rgba(0, 255, 65, 0.3);

  /* Telegram Color */
  --color-telegram: #00ff41;

  /* Status Colors */
  --color-online-ping: rgba(0, 255, 65, 0.75);
  --color-online: #00ff41;
}

/* Force sharp corners */
* {
  border-radius: 0 !important;
}

/* Global Ambient Background - Hide original blobs */
.fixed.inset-0.z-\[-1\].overflow-hidden.pointer-events-none > div {
  display: none !important;
}

/* Matrix Background Effect */
body {
  background-color: #000000;
  background-image: 
    linear-gradient(rgba(0, 255, 65, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 255, 65, 0.03) 1px, transparent 1px);
  background-size: 20px 20px;
  background-position: center center;
}

/* Terminal Cursor Effect for Headings */
h1::after, h2::after {
  content: '_';
  animation: blink 1s step-end infinite;
}

@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

/* Button Overrides - Wireframe Style */
button, .btn, a.bg-accent-primary, a.bg-white {
  background: transparent !important;
  border: 1px solid var(--color-accent-primary) !important;
  color: var(--color-accent-primary) !important;
  text-transform: uppercase;
  letter-spacing: 2px;
  transition: all 0.2s ease;
  box-shadow: none !important;
}

button:hover, .btn:hover, a.bg-accent-primary:hover, a.bg-white:hover {
  background: var(--color-accent-primary) !important;
  color: #000000 !important;
  box-shadow: 0 0 10px var(--color-accent-primary) !important;
}

/* Inputs */
input, select, textarea {
  background-color: #000000 !important;
  border: 1px solid var(--color-border-medium) !important;
  color: var(--color-text-primary) !important;
  font-family: "Courier New", Courier, monospace !important;
}

input:focus, select:focus, textarea:focus {
  border-color: var(--color-accent-primary) !important;
  box-shadow: 0 0 5px var(--color-accent-primary) !important;
  outline: none !important;
}

/* Cards / Containers */
.bg-bg-secondary, .bg-bg-tertiary, .bg-glass, .bg-\[\#1a1a1a\], .bg-\[\#0f0f0f\], .bg-\[\#2d2d2d\] {
  background-color: rgba(0, 0, 0, 0.8) !important;
  border: 1px solid var(--color-border) !important;
  box-shadow: inset 0 0 20px rgba(0, 255, 65, 0.05);
}

/* Specific Admin Overrides */
.bg-\[\#0f0f0f\] { background-color: #000000 !important; }
.bg-\[\#1a1a1a\] { background-color: #050505 !important; border-color: var(--color-border) !important; }
.bg-\[\#2d2d2d\] { background-color: #0a0a0a !important; border-color: var(--color-border) !important; }
.text-\[\#f3f4f6\] { color: var(--color-text-primary) !important; }
.text-\[\#9ca3af\], .text-\[\#6b7280\] { color: var(--color-text-muted) !important; }
.border-\[\#374151\] { border-color: var(--color-border) !important; }

/* Text Gradients -> Solid Green */
.text-gradient {
  background: none !important;
  -webkit-text-fill-color: var(--color-text-primary) !important;
  color: var(--color-text-primary) !important;
  text-shadow: 0 0 5px rgba(0, 255, 65, 0.5);
}

/* Header */
header, .header-glass {
  border-bottom: 1px solid var(--color-accent-primary) !important;
  background: rgba(0, 0, 0, 0.95) !important;
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #000000;
}

::-webkit-scrollbar-thumb {
  background: var(--color-border-medium);
  border: 1px solid #000000;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--color-accent-primary);
}

/* Selection */
::selection {
  background: var(--color-accent-primary);
  color: #000000;
}

/* Progress Bars */
[role="progressbar"], .progress-bar, [class*="bg-green-500"][style*="width"], [class*="bg-red-500"][style*="width"], #import-progress-bar {
  background-image: repeating-linear-gradient(
    90deg,
    currentColor,
    currentColor 5px,
    transparent 5px,
    transparent 10px
  ) !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-right: 2px solid currentColor !important;
}

/* Icons - Geometric/Wireframe look */
svg {
  filter: drop-shadow(0 0 2px var(--color-accent-primary));
}

/* Restore Font Awesome families overridden by theme typography */
.fa, .fas, .fa-solid, .far, .fa-regular {
    font-family: "Font Awesome 6 Free" !important;
}
.fab, .fa-brands {
    font-family: "Font Awesome 6 Brands" !important;
}