/*
 * Закат: тёплый оранжево-красный акцент вместо «чистого» red-600.
 */
html[data-site-theme='sunset'] .bg-red-600,
html[data-site-theme='sunset'] .hover\:bg-red-500:hover {
    background-color: rgb(234 88 12) !important;
}

html[data-site-theme='sunset'] .text-red-400,
html[data-site-theme='sunset'] .hover\:text-red-400:hover {
    color: rgb(251 146 60) !important;
}

html[data-site-theme='sunset'] .hover\:text-red-300:hover {
    color: rgb(253 186 116) !important;
}

html[data-site-theme='sunset'] .shadow-red-900\/40 {
    --tw-shadow-color: rgb(124 45 18 / 0.45) !important;
}

html[data-site-theme='sunset'] .from-red-500 {
    --tw-gradient-from: rgb(249 115 22) !important;
}

html[data-site-theme='sunset'] .to-red-400 {
    --tw-gradient-to: rgb(251 113 133) !important;
}

html[data-site-theme='sunset'] .group-hover\:ring-red-500\/60:hover {
    --tw-ring-color: rgb(249 115 22 / 0.55) !important;
}

html[data-site-theme='sunset'] .focus\:border-red-500:focus,
html[data-site-theme='sunset'] .focus\:ring-red-500:focus {
    border-color: rgb(249 115 22) !important;
    --tw-ring-color: rgb(249 115 22) !important;
}

html[data-site-theme='sunset'] .focus-visible\:ring-red-500:focus-visible {
    --tw-ring-color: rgb(249 115 22) !important;
}