/* AnmolQist Red & Black Theme Override */
:root{
  --aq-red:#dc2626;          /* red-600 */
  --aq-red-dark:#991b1b;     /* red-800 */
  --aq-black:#0b0f19;
  --aq-bg:#0b0f19;
  --aq-surface:#0f172a;      /* slate-900-ish */
  --aq-card:#111827;         /* gray-900 */
  --aq-text:#f9fafb;
  --aq-muted:#cbd5e1;
  --aq-border:#1f2937;
}

body{ background: var(--aq-bg); color: var(--aq-text); }

/* Links */
a{ color: var(--aq-red); }
a:hover{ color: var(--aq-red-dark); }

/* Card-ish containers (Tailwind/Bootstrap mixed) */
.card, .panel, .box, .content-wrapper{
  background: var(--aq-card);
  border: 1px solid var(--aq-border);
  border-radius: 14px;
}

/* Inputs */
input, select, textarea{
  background: #0b1220 !important;
  color: var(--aq-text) !important;
  border-color: var(--aq-border) !important;
}
input::placeholder, textarea::placeholder{ color: #94a3b8 !important; }

/* Buttons (bootstrap style) */
.btn-primary{
  background: var(--aq-red) !important;
  border-color: var(--aq-red) !important;
  color: #fff !important;
}
.btn-primary:hover{ background: var(--aq-red-dark) !important; border-color: var(--aq-red-dark) !important; }

/* Tailwind utility overrides for common tokens used in templates */
.bg-primary-600{ background-color: var(--aq-red) !important; }
.text-primary-600{ color: var(--aq-red) !important; }
.border-primary-600{ border-color: var(--aq-red) !important; }
.hover\:text-primary-600:hover{ color: var(--aq-red) !important; }
.hover\:bg-primary-700:hover{ background-color: var(--aq-red-dark) !important; }

/* Badges/alerts */
.badge-primary, .alert-primary{
  background: rgba(220,38,38,0.15) !important;
  border-color: rgba(220,38,38,0.35) !important;
  color: #fecaca !important;
}

/* Navbar / Sidebar helpers */
.navbar{
  background: #070a12 !important;
  border-bottom: 1px solid var(--aq-border);
}

/* Main site header/menu MUST stay white (user request) */
header.bg-white{
  background: #ffffff !important;
  border-bottom: 1px solid #e5e7eb !important;
}

/* Header links readable on white */
header.bg-white a,
header.bg-white .nav-link{
  color: #111827 !important;
}
header.bg-white a:hover,
header.bg-white .nav-link:hover{
  color: var(--aq-red) !important;
}
.sidebar{
  background: #070a12 !important;
  border-right: 1px solid var(--aq-border);
}