﻿:root {
    --brand-wine-900: #4b0f1f;
    --brand-wine-800: #64152b;
    --brand-wine-700: #7a1b35;
    --brand-wine-600: #8f2442;
    --brand-wine-100: #f7e8ed;
    --brand-line: #eadde1;
    --brand-ink: #1f1b20;
    --brand-muted: #766d78;
}

.text-brand,
.text-primary,
.text-success,
.text-info,
.text-warning {
    color: var(--brand-wine-700) !important;
}

.text-wine-muted {
    color: var(--brand-muted) !important;
}

.bg-brand,
.bg-primary,
.bg-success,
.bg-info {
    background-color: var(--brand-wine-700) !important;
    color: #fff !important;
}

.bg-brand-soft,
.bg-warning,
.bg-wine-soft {
    background-color: var(--brand-wine-100) !important;
    color: var(--brand-wine-800) !important;
}

.border-brand,
.border-primary,
.border-success,
.border-info,
.border-warning {
    border-color: #d8b6c0 !important;
}

.btn-brand,
.btn-primary,
.btn-success,
.btn-info {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--brand-wine-700);
    --bs-btn-border-color: var(--brand-wine-700);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--brand-wine-800);
    --bs-btn-hover-border-color: var(--brand-wine-800);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--brand-wine-900);
    --bs-btn-active-border-color: var(--brand-wine-900);
    background-color: var(--brand-wine-700) !important;
    border-color: var(--brand-wine-700) !important;
    color: #fff !important;
}

.btn-brand:hover,
.btn-primary:hover,
.btn-success:hover,
.btn-info:hover {
    background-color: var(--brand-wine-800) !important;
    border-color: var(--brand-wine-800) !important;
    color: #fff !important;
}

.btn-outline-brand,
.btn-outline-primary,
.btn-outline-success,
.btn-outline-info {
    --bs-btn-color: var(--brand-wine-700);
    --bs-btn-border-color: #d8b6c0;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--brand-wine-700);
    --bs-btn-hover-border-color: var(--brand-wine-700);
    color: var(--brand-wine-700) !important;
    border-color: #d8b6c0 !important;
}

.btn-outline-brand:hover,
.btn-outline-primary:hover,
.btn-outline-success:hover,
.btn-outline-info:hover {
    background-color: var(--brand-wine-700) !important;
    border-color: var(--brand-wine-700) !important;
    color: #fff !important;
}

.btn-wine-soft,
.btn-warning {
    background-color: var(--brand-wine-100) !important;
    border-color: #e8c8d1 !important;
    color: var(--brand-wine-800) !important;
    font-weight: 700;
}

.btn-wine-soft:hover,
.btn-warning:hover {
    background-color: #efd5dd !important;
    border-color: #d8b6c0 !important;
    color: var(--brand-wine-900) !important;
}

.badge.bg-light,
.badge.text-bg-light {
    border: 1px solid var(--brand-line);
    color: var(--brand-wine-800) !important;
}

.page-item.active .page-link,
.pagination .active > .page-link {
    background-color: var(--brand-wine-700) !important;
    border-color: var(--brand-wine-700) !important;
}

.page-link {
    color: var(--brand-wine-700);
}

.page-link:hover {
    color: var(--brand-wine-900);
    background-color: var(--brand-wine-100);
}

a {
    color: var(--brand-wine-700);
}

a:hover {
    color: var(--brand-wine-900);
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus {
    border-color: #c99aaa !important;
    box-shadow: 0 0 0 .25rem rgba(122, 27, 53, .18) !important;
}

.form-check-input:checked {
    background-color: var(--brand-wine-700) !important;
    border-color: var(--brand-wine-700) !important;
}

