/* =========================================================
   ATLAS VAULT — Custom Branding
   AtlasAscend Brand Identity v1.0
   ========================================================= */

/* --- Primary Backgrounds --- */
body,
.layout_frontend,
app-root,
.tw-bg-background,
[class*="bg-background"],
.bg-primary {
  background-color: #0D1F1A !important;
}

.tw-bg-alt,
.tw-bg-body-alt,
[class*="bg-alt"] {
  background-color: #132820 !important;
}

.tw-bg-card,
.tw-bg-secondary,
[class*="bg-card"],
.card {
  background-color: #132820 !important;
  border-color: #2A4A3A !important;
}

/* --- Raised/Surface Elements --- */
.tw-bg-raised,
[class*="bg-raised"],
.panel,
.modal-content,
.dropdown-menu {
  background-color: #1E3D30 !important;
}

/* --- Text Colors --- */
body,
p,
span:not(.bwi),
label,
h1, h2, h3, h4, h5, h6,
.tw-text,
[class*="text-main"],
[class*="text-heading"],
[class*="text-body"] {
  color: #F0EBE3 !important;
}

/* Muted text */
.tw-text-muted,
.text-muted,
[class*="text-muted"],
small,
.help-block,
.form-text {
  color: #7A9E8E !important;
}

/* --- Accent / Copper --- */
a,
.tw-text-primary,
[class*="text-primary"],
a:not([class*="btn"]),
.link {
  color: #B87333 !important;
}

a:hover,
.tw-text-primary:hover {
  color: #D4956A !important;
}

/* --- Buttons --- */

/* Primary button — copper */
.btn-primary,
.btn.primary,
button[type="submit"],
.tw-btn-primary {
  background-color: #B87333 !important;
  border-color: #B87333 !important;
  color: #0D1F1A !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #D4956A !important;
  border-color: #D4956A !important;
  color: #0D1F1A !important;
}

/* Secondary/outline buttons */
.btn-secondary,
.btn.outline,
.tw-btn-secondary {
  border-color: #2A4A3A !important;
  color: #F0EBE3 !important;
  background: transparent !important;
}

.btn-secondary:hover {
  border-color: #B87333 !important;
  color: #B87333 !important;
}

/* --- Forms --- */
input,
input[type="text"],
input[type="email"],
input[type="password"],
select,
textarea,
.form-control {
  background-color: #0D1F1A !important;
  border-color: #2A4A3A !important;
  color: #F0EBE3 !important;
}

input:focus,
.form-control:focus {
  border-color: #B87333 !important;
  box-shadow: 0 0 0 2px rgba(184, 115, 51, 0.2) !important;
}

/* --- Borders & Dividers --- */
hr,
.tw-border,
[class*="border-"],
.divider {
  border-color: #2A4A3A !important;
}

/* --- Logo replacement --- */
.new-logo-themed,
img.new-logo-themed,
.logo,
.logo-wrapper {
  content: url(/images/logo.svg) !important;
}

.new-logo-themed {
  max-width: 140px !important;
}

/* Hide default Vaultwarden logo text */
.new-logo-themed[alt="Vaultwarden"] {
  content: url(/images/logo.svg) !important;
}

/* --- Modal dialogs --- */
.modal-content,
.modal-body,
.modal-header,
.tw-modal,
[class*="modal-"] {
  background-color: #132820 !important;
  border-color: #2A4A3A !important;
}

/* --- Alerts, toasts --- */
.tw-bg-danger,
[class*="bg-danger"] {
  background-color: #8B3A3A !important;
}

.tw-bg-success,
[class*="bg-success"] {
  background-color: #2A5A3A !important;
}

.tw-bg-warning,
[class*="bg-warning"] {
  background-color: #8B6A3A !important;
}

/* --- Navigation --- */
.nav,
.navbar,
.sidebar {
  background-color: #0D1F1A !important;
}

.nav-link,
.nav-link:hover {
  color: #F0EBE3 !important;
}

.nav-link.active {
  color: #B87333 !important;
}

/* --- Tooltips --- */
.tooltip-inner {
  background-color: #1E3D30 !important;
  color: #F0EBE3 !important;
  border: 1px solid #2A4A3A !important;
}

/* --- Tables --- */
table,
.table {
  background-color: #132820 !important;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #0D1F1A !important;
}

th {
  color: #7A9E8E !important;
  border-color: #2A4A3A !important;
}

td {
  border-color: #2A4A3A !important;
}

/* --- Scrollbar (Webkit) --- */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #0D1F1A;
}

::-webkit-scrollbar-thumb {
  background: #2A4A3A;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #B87333;
}

/* --- Password strength bar --- */
.tw-bg-warning,
.bg-warning {
  background-color: #B87333 !important;
}

/* --- Environment badge (if any) --- */
.env-badge,
.environment-badge {
  background-color: #B87333 !important;
  color: #0D1F1A !important;
}