:root {
    --brand: #9d1420 !important;
    --brand-2: #c32732 !important;
    --green: #9d1420 !important;
    --green2: #c32732 !important;
    --g: #9d1420 !important;
    --g2: #c32732 !important;
    --nav: #7c0d18 !important;
    --accent: #d7a44b !important;
    --y: #d7a44b !important;
    --gold: #d7a44b !important;
    --ink: #2d1b1b !important;
    --muted: #756562 !important;
    --line: #eadbd4 !important;
    --soft: #fbecea !important;
    --bg: #f8f1ea !important;
}

html {
    background: #f8f1ea !important;
}

body {
    background: radial-gradient(circle at 90% -12%, #f1d5d0 0, transparent 32%), var(--bg) !important;
    color: var(--ink) !important;
}

.top,
.head,
.hero,
.sidebar {
    background: linear-gradient(110deg, #7c0d18 0%, #9d1420 58%, #c32732 140%) !important;
}

.dev {
    background: linear-gradient(120deg, #760b17, #a91422 58%, #c32732) !important;
}

.submit,
.save,
.primary,
.confirm,
.mini-save,
.button.primary,
.actions .save {
    background: linear-gradient(120deg, #9d1420, #c32732) !important;
    border-color: #9d1420 !important;
    color: #fff !important;
}

.submit:hover,
.save:hover,
.primary:hover,
.confirm:hover,
.mini-save:hover {
    background: #7c0d18 !important;
}

.brand,
.back,
.location,
.template-link,
.tab,
.edit-product,
.nav-card button.active,
.nav-card button:hover,
.kpi-note,
.notification-value,
.nav-icon,
.step,
.field input:focus,
.field select:focus {
    color: #9d1420 !important;
}

.step,
.nav-icon,
.kpi-icon,
.icon,
.permission-option,
.notice,
.status.on,
.pill,
.badge,
.action,
.pagination a,
.pagination span {
    background: #fbecea !important;
    color: #9d1420 !important;
}

.choice:has(input:checked),
.payment-option:has(input:checked),
.tab.active {
    border-color: #9d1420 !important;
    background: #fbecea !important;
}

input:focus,
textarea:focus,
select:focus {
    border-color: #c32732 !important;
    box-shadow: 0 0 0 3px #9d14201c !important;
}

.top .brand,
.top .back,
.head h1,
.head p,
.hero h1,
.hero p,
.sidebar .brand,
.sidebar a,
.sidebar button {
    color: #fff !important;
}

.secondary,
.button.secondary {
    background: #fbecea !important;
    color: #9d1420 !important;
}
