:root {
    --brand-red: #9b6268;
    --brand-red-dark: #875359;
    --brand-red-soft: #f6eeee;
    --brand-red-muted: #decfd1;
    --brand-ink: #39312f;
    --brand-ink-soft: #6a5f5b;
    --brand-bg: #f3efe8;
    --brand-panel: #fffdf8;
    --brand-border: #ddd2c8;
    --brand-gold: #a9977a;
    --brand-sage: #63765f;
    --brand-sage-soft: #eef3ec;
    --brand-ochre: #8a694e;
    --brand-ochre-soft: #f4ede5;
    --brand-danger: #9f4f57;
    --brand-danger-soft: #f7eeee;
}

html {
    color-scheme: light;
}

body,
.bg-gray-50,
.bg-slate-50 {
    background-color: var(--brand-bg) !important;
    color: var(--brand-ink) !important;
}

.bg-white {
    background-color: var(--brand-panel) !important;
}

.border-gray-200,
.border-slate-200 {
    border-color: var(--brand-border) !important;
}

.text-gray-900,
.text-slate-900 {
    color: var(--brand-ink) !important;
}

.text-gray-700,
.text-slate-700 {
    color: #4d4441 !important;
}

.text-gray-600,
.text-slate-600,
.text-gray-500,
.text-slate-500 {
    color: var(--brand-ink-soft) !important;
}

.hover\:bg-gray-50:hover,
.hover\:bg-gray-100:hover,
.bg-gray-100,
.bg-slate-100 {
    background-color: #ebe4da !important;
}

.bg-blue-50,
.bg-primary-50 {
    background-color: var(--brand-red-soft) !important;
}

.bg-blue-100,
.bg-primary-100 {
    background-color: #eadcdf !important;
}

.bg-blue-500,
.bg-blue-600,
.bg-primary-500,
.bg-primary-600,
.bg-\[\#177ccf\] {
    background-color: var(--brand-red) !important;
}

.hover\:bg-blue-600:hover,
.hover\:bg-blue-700:hover,
.hover\:bg-primary-700:hover,
.hover\:bg-\[\#177ccf\]:hover {
    background-color: var(--brand-red-dark) !important;
}

.text-blue-400,
.text-blue-500,
.text-blue-600,
.text-primary-500,
.text-primary-600,
.text-\[\#177ccf\] {
    color: var(--brand-red) !important;
}

.text-blue-700,
.text-blue-800,
.text-blue-900,
.text-primary-700,
.text-primary-800,
.text-primary-900,
.hover\:text-blue-800:hover,
.hover\:text-blue-900:hover {
    color: var(--brand-red-dark) !important;
}

.text-blue-100 {
    color: #eadcdf !important;
}

.border-blue-300,
.border-blue-500,
.border-blue-600,
.border-primary-500,
.focus\:border-blue-500:focus,
.focus\:border-blue-600:focus,
.focus\:border-primary-500:focus,
.focus\:border-\[\#177ccf\]:focus {
    border-color: var(--brand-red) !important;
}

.ring-blue-400,
.focus\:ring-blue-500:focus,
.focus\:ring-blue-600:focus,
.focus\:ring-primary-500:focus,
.focus\:ring-\[\#177ccf\]:focus,
.focus-visible\:outline-blue-600:focus-visible {
    --tw-ring-color: rgb(155 98 104 / 0.4) !important;
    outline-color: var(--brand-red) !important;
}

.form-input:focus,
input:focus,
select:focus,
textarea:focus {
    border-color: var(--brand-red) !important;
    --tw-ring-color: rgb(155 98 104 / 0.38) !important;
    box-shadow: 0 0 0 2px rgb(155 98 104 / 0.12) !important;
}

input[type="checkbox"],
input[type="radio"] {
    accent-color: var(--brand-red);
}

input[type="checkbox"]:checked,
input[type="radio"]:checked {
    background-color: var(--brand-red) !important;
    border-color: var(--brand-red) !important;
    color: var(--brand-red) !important;
}

.from-blue-500,
.from-blue-600 {
    --tw-gradient-from: var(--brand-red) var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgb(155 98 104 / 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.to-blue-600,
.to-blue-700 {
    --tw-gradient-to: var(--brand-red-dark) var(--tw-gradient-to-position) !important;
}

.hover\:from-blue-600:hover {
    --tw-gradient-from: var(--brand-red-dark) var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgb(135 83 89 / 0) var(--tw-gradient-to-position) !important;
}

.hover\:to-blue-700:hover {
    --tw-gradient-to: #70454b var(--tw-gradient-to-position) !important;
}

.file\:bg-blue-50::file-selector-button {
    background-color: var(--brand-red-soft) !important;
}

.file\:text-blue-700::file-selector-button {
    color: var(--brand-red-dark) !important;
}

.hover\:file\:bg-blue-100:hover::file-selector-button {
    background-color: #eadcdf !important;
}

.shadow-lg,
.shadow-md,
.shadow-sm {
    --tw-shadow-color: rgb(92 78 70 / 0.12) !important;
    --tw-shadow: var(--tw-shadow-colored) !important;
}

.brand-sidebar {
    background-color: var(--brand-panel) !important;
    border-right: 1px solid var(--brand-border);
    box-shadow: 12px 0 28px rgb(73 55 51 / 0.08);
}

.brand-sidebar .text-white,
.brand-sidebar .text-gray-300,
.brand-sidebar .text-gray-400 {
    color: #4d4441 !important;
}

.brand-sidebar .hover\:bg-gray-700:hover,
.brand-sidebar .hover\:text-white:hover {
    background-color: var(--brand-red-soft) !important;
    color: var(--brand-red-dark) !important;
}

.brand-sidebar .material-symbols-outlined {
    color: var(--brand-red) !important;
}

.sidebar a.bg-blue-600,
aside a.bg-blue-600,
nav a.bg-blue-600 {
    background-color: var(--brand-red) !important;
    box-shadow: 0 8px 18px rgb(155 98 104 / 0.15);
}

header {
    background-color: var(--brand-panel) !important;
    border-color: var(--brand-border) !important;
}

table thead,
.bg-gray-50 thead,
.bg-slate-50 thead {
    background-color: #eee6dc !important;
}

tr.hover\:bg-gray-50:hover,
tbody tr:hover {
    background-color: #f7f0ea !important;
}

.bg-green-50 {
    background-color: var(--brand-sage-soft) !important;
}

.bg-green-100 {
    background-color: #dfe8dc !important;
}

.border-green-200,
.border-green-600 {
    border-color: #c8d6c3 !important;
}

.text-green-500,
.text-green-600,
.text-green-700,
.text-green-800,
.hover\:text-green-800:hover,
.hover\:text-green-900:hover {
    color: var(--brand-sage) !important;
}

.bg-green-500,
.bg-green-600 {
    background-color: var(--brand-sage) !important;
}

.hover\:bg-green-600:hover,
.hover\:bg-green-700:hover {
    background-color: #52624f !important;
}

.focus\:ring-green-500:focus {
    --tw-ring-color: rgb(99 118 95 / 0.38) !important;
}

.bg-red-50 {
    background-color: var(--brand-danger-soft) !important;
}

.bg-red-100 {
    background-color: #ead9db !important;
}

.border-red-200,
.border-red-600 {
    border-color: #ddc3c7 !important;
}

.text-red-500,
.text-red-600,
.text-red-700,
.text-red-800,
.hover\:text-red-700:hover,
.hover\:text-red-900:hover {
    color: var(--brand-danger) !important;
}

.bg-red-500,
.bg-red-600 {
    background-color: var(--brand-danger) !important;
}

.hover\:bg-red-600:hover,
.hover\:bg-red-700:hover {
    background-color: #7d3d44 !important;
}

.bg-orange-50,
.bg-yellow-50 {
    background-color: var(--brand-ochre-soft) !important;
}

.text-orange-600,
.text-yellow-500,
.text-yellow-600,
.text-yellow-700,
.text-yellow-800 {
    color: var(--brand-ochre) !important;
}

.bg-orange-500,
.bg-orange-600,
.bg-yellow-400,
.bg-yellow-500 {
    background-color: var(--brand-ochre) !important;
}

.text-purple-500,
.text-purple-600,
.text-purple-700,
.text-purple-800 {
    color: #76687f !important;
}

.bg-purple-50 {
    background-color: #f0edf2 !important;
}

.bg-purple-100 {
    background-color: #e4dde8 !important;
}

.bg-purple-500,
.bg-purple-600 {
    background-color: #76687f !important;
}

.rounded-lg,
.rounded-xl,
.rounded-md {
    border-color: var(--brand-border);
}

a {
    text-underline-offset: 3px;
}