/* ============================================
   LegionProtect .NET — Color Override
   Purple-shifted theme to differentiate from
   main ldrm.org (cyan/turquoise accent)
   ============================================ */

:root {
  --accent:      #8b5cf6;
  --accent-dim:  #7c3aed;
  --accent-bg:   rgba(139,92,246,0.06);
  --accent-bg-h: rgba(139,92,246,0.10);
  --border-glow: rgba(139,92,246,0.3);
  --cyan:        #8b5cf6;
}

/* Override any hardcoded cyan references in sidebar/nav */
.cmd-sidebar-title { color: #a78bfa !important; }
.cmd-prefix { color: #8b5cf6 !important; }
.cmd-nav-item.cmd-active { border-left-color: #8b5cf6 !important; }
.cmd-nav-item.cmd-active .cmd-text { color: #8b5cf6 !important; }
.cmd-cursor { background: #8b5cf6 !important; }
.cmd-footer-line .cmd-footer-val { color: #c4b5fd !important; }

/* Landing page accent overrides */
.lp-cta {
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%) !important;
  border-color: #8b5cf6 !important;
}
.lp-cta:hover {
  background: linear-gradient(135deg, #a78bfa 0%, #8b5cf6 100%) !important;
}
.lp-hero-tag .lp-tag-line { background: #8b5cf6 !important; }
.lp-title span { color: #8b5cf6 !important; }
.lp-panel-num { color: #8b5cf6 !important; }
.lp-section-title span { color: #8b5cf6 !important; }
.lp-section-accent { background: #8b5cf6 !important; }
.lp-pipe-icon-active { border-color: #8b5cf6 !important; color: #8b5cf6 !important; }
.lp-status-dot { background: #8b5cf6 !important; }
.lp-wordmark span { color: #8b5cf6 !important; }
.lp-terminal-bar { border-bottom-color: rgba(139,92,246,0.15) !important; }

/* Scrollbar accent */
::-webkit-scrollbar-thumb:hover { background: #7c3aed !important; }
* { scrollbar-color: #2a2a2a #0a0a0a; }

/* Form inputs */
input:focus, select:focus, textarea:focus {
  border-color: #8b5cf6 !important;
  box-shadow: 0 0 0 2px rgba(139,92,246,0.15) !important;
}

/* Auth form styles */
.auth-container {
  max-width: 420px;
  margin: 0 auto;
  padding: 40px 0;
}
.auth-card {
  background: var(--surface);
  border: 1px solid var(--border);
  padding: 32px;
}
.auth-card h2 {
  font-family: var(--heading);
  font-size: 28px;
  letter-spacing: 0.08em;
  margin-bottom: 4px;
}
.auth-card .auth-subtitle {
  font-family: var(--mono);
  font-size: 11px;
  color: var(--text-sec);
  margin-bottom: 24px;
}
.auth-field {
  margin-bottom: 16px;
}
.auth-field label {
  display: block;
  font-family: var(--mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--text-sec);
  margin-bottom: 6px;
}
.auth-field input {
  width: 100%;
  padding: 10px 14px;
  background: var(--bg);
  border: 1px solid var(--border);
  color: var(--text);
  font-family: var(--mono);
  font-size: 13px;
  transition: border-color 0.2s;
}
.auth-field input:focus {
  outline: none;
  border-color: #8b5cf6;
}
.auth-btn {
  width: 100%;
  padding: 12px;
  background: #8b5cf6;
  color: #fff;
  border: none;
  font-family: var(--mono);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.2s;
  margin-top: 8px;
}
.auth-btn:hover {
  background: #7c3aed;
}
.auth-link {
  display: block;
  text-align: center;
  margin-top: 16px;
  font-family: var(--mono);
  font-size: 11px;
  color: var(--text-sec);
}
.auth-link a {
  color: #8b5cf6;
  text-decoration: none;
}
.auth-link a:hover {
  text-decoration: underline;
}
.auth-error {
  background: var(--red-bg);
  border: 1px solid rgba(255,45,85,0.2);
  color: var(--red);
  padding: 10px 14px;
  font-family: var(--mono);
  font-size: 12px;
  margin-bottom: 16px;
}
.auth-success {
  background: var(--green-bg);
  border: 1px solid rgba(0,255,136,0.2);
  color: var(--green);
  padding: 10px 14px;
  font-family: var(--mono);
  font-size: 12px;
  margin-bottom: 16px;
}