/* Klus-R 0.6.2 primary palette: red + black. Functional status colors remain green/blue/rose where they communicate state. */
:root { --klus-r-red:#e30613; --klus-r-red-dark:#b4040f; --klus-r-red-soft:#fee2e2; --klus-r-black:#111111; }

/* Replace the old amber/orange primary UI accents. */
.bg-amber-50 { background-color:#fff5f5 !important; }
.bg-amber-100 { background-color:#fee2e2 !important; }
.bg-amber-200 { background-color:#fecaca !important; }
.bg-amber-400, .bg-amber-500, .bg-amber-600 { background-color:var(--klus-r-red) !important; }
.text-amber-400, .text-amber-500, .text-amber-600, .text-amber-700, .text-amber-800, .text-amber-900 { color:var(--klus-r-red-dark) !important; }
.border-amber-100, .border-amber-200, .border-amber-300, .border-amber-400, .border-amber-500 { border-color:#fca5a5 !important; }
.ring-amber-500 { --tw-ring-color:var(--klus-r-red) !important; }
.accent-amber-500 { accent-color:var(--klus-r-red) !important; }
.hover\:bg-amber-500:hover, .hover\:bg-amber-600:hover { background-color:var(--klus-r-red) !important; }
.hover\:text-amber-500:hover, .hover\:text-amber-600:hover, .hover\:text-amber-700:hover { color:var(--klus-r-red-dark) !important; }
.focus\:border-amber-500:focus { border-color:var(--klus-r-red) !important; }
.focus\:ring-amber-500:focus { --tw-ring-color:var(--klus-r-red) !important; }
.selection\:bg-amber-200 ::selection, .selection\:bg-amber-200::selection { background:#fecaca !important; }

/* Brand/navigation active states. */
#admin-sidebar .klus-r-logo,
#admin-sidebar [aria-current="page"],
#admin-sidebar .bg-amber-500 { background:var(--klus-r-red) !important; color:#fff !important; }
#admin-sidebar .text-amber-500,
#admin-sidebar .text-amber-600 { color:var(--klus-r-red) !important; }

/* Main CTA buttons that inherited amber. */
button.bg-amber-500, button.bg-amber-600,
a.bg-amber-500, a.bg-amber-600 { background:var(--klus-r-red) !important; color:#fff !important; }
button.bg-amber-500:hover, button.bg-amber-600:hover,
a.bg-amber-500:hover, a.bg-amber-600:hover { background:var(--klus-r-red-dark) !important; }

/* Keep the overall shell black/neutral. */
#admin-sidebar { background:#111 !important; }
#admin-sidebar .klus-r-menu-section { color:#a1a1aa !important; }