:root {
    --ecbd-red-950: #3b0508;
    --ecbd-red-900: #650b12;
    --ecbd-red-800: #8f101a;
    --ecbd-red-700: #b31322;
    --ecbd-red-600: #d7192a;
    --ecbd-red-500: #ef3340;
    --ecbd-red-100: #ffe8ea;
    --ecbd-ink: #171717;
    --ecbd-muted: #667085;
    --ecbd-surface: #f7f2f3;
    --ecbd-border: #ead3d6;
}

body,
body.nav-fixed,
.identity-page #layoutSidenav_content {
    background: var(--ecbd-surface) !important;
    color: var(--ecbd-ink);
}

a,
.text-primary,
.small.font-weight-bold.text-primary,
.card-header[style*="color:#4e73df"],
.card-header[style*="color: #4e73df"] {
    color: var(--ecbd-red-700) !important;
}

.bg-gradient-primary,
.bg-primary {
    background: linear-gradient(135deg, var(--ecbd-red-950), var(--ecbd-red-700)) !important;
}

.btn-primary,
.btn-success,
.btn-admin,
button.btn-primary,
input.btn-primary {
    background: var(--ecbd-red-700) !important;
    border-color: var(--ecbd-red-700) !important;
    color: #fff !important;
}

.btn-primary:hover,
.btn-success:hover,
.btn-admin:hover,
button.btn-primary:hover,
input.btn-primary:hover {
    background: var(--ecbd-red-800) !important;
    border-color: var(--ecbd-red-800) !important;
}

.btn-outline-primary {
    border-color: var(--ecbd-red-700) !important;
    color: var(--ecbd-red-700) !important;
}

.btn-outline-primary:hover {
    background: var(--ecbd-red-700) !important;
    color: #fff !important;
}

.badge-primary,
.badge-warning {
    background: var(--ecbd-red-600) !important;
    color: #fff !important;
}

.topnav,
.navbar,
.card,
.identity-card,
.metric-card,
.search-card,
.doc-card {
    border-color: var(--ecbd-border) !important;
}

.topnav,
.navbar,
.card-header,
.identity-card .card-header,
.metric-card .card-header {
    background: #fff !important;
}

.sidebar,
.admin-panel {
    background: linear-gradient(180deg, var(--ecbd-red-950) 0%, var(--ecbd-red-900) 100%) !important;
}

.sidebar .nav-link,
.sidebar .sidebar-brand,
.sidenav .nav-link {
    text-shadow: 0 1px 0 #000, 0 0 4px rgba(0, 0, 0, .72);
    -webkit-text-stroke: .25px rgba(0, 0, 0, .7);
}

.sidebar .nav-link i,
.sidebar .nav-link svg,
.sidenav .nav-link i,
.sidenav .nav-link svg {
    text-shadow: 0 1px 0 #000, 0 0 4px rgba(0, 0, 0, .72);
    -webkit-text-stroke: .25px rgba(0, 0, 0, .75);
}

.sidebar .nav-link.active,
.sidebar .nav-link:hover,
.sidenav .nav-link:hover,
.sidenav .nav-link.active {
    background: var(--ecbd-red-100) !important;
    color: var(--ecbd-red-800) !important;
    text-shadow: none;
    -webkit-text-stroke: 0;
}

.sidebar .nav-link.active i,
.sidebar .nav-link:hover i,
.sidebar .nav-link.active svg,
.sidebar .nav-link:hover svg,
.sidenav .nav-link.active i,
.sidenav .nav-link:hover i,
.sidenav .nav-link.active svg,
.sidenav .nav-link:hover svg {
    text-shadow: none;
    -webkit-text-stroke: 0;
}

.sidenav .nav-link svg,
.nav-link-icon svg {
    stroke: currentColor;
}

.form-control:focus,
.custom-select:focus {
    border-color: var(--ecbd-red-500) !important;
    box-shadow: 0 0 0 .2rem rgba(215, 25, 42, .16) !important;
}

.upload-box,
.document-empty,
.doc-preview {
    background: #fff7f8 !important;
    border-color: #e6a4ab !important;
}

.identity-title,
h1,
h2,
h3,
.navbar-brand,
.sidebar-brand {
    color: var(--ecbd-red-950);
}

.admin-card,
.card,
.identity-card,
.metric-card {
    box-shadow: 0 18px 42px rgba(59, 5, 8, .08) !important;
}

.alert-success {
    background: #fff1f2;
    border-color: #fecdd3;
    color: var(--ecbd-red-800);
}

img[src$="amrcns-logo.svg"] {
    object-fit: contain !important;
}

.navbar-brand img[src$="amrcns-logo.svg"],
.landing-logo img[src$="amrcns-logo.svg"] {
    background: transparent;
    border-radius: 0 !important;
    max-height: 64px;
    width: auto !important;
}

.admin-panel img[src$="amrcns-logo.svg"],
.text-center img[src$="amrcns-logo.svg"] {
    height: 76px !important;
    max-width: 260px;
    width: auto !important;
}

.amrcns-dashboard-art {
    background: linear-gradient(135deg, #fff8f8 0%, #ffe3e6 100%);
    border: 1px solid var(--ecbd-border);
    border-radius: 14px;
    box-shadow: 0 18px 42px rgba(59, 5, 8, .1);
    filter: sepia(16%) saturate(145%) hue-rotate(318deg) contrast(1.04);
    padding: 12px;
}