:root { --thy-red: #dc2626; --thy-red-light: #ef4444; --thy-red-dark: #b91c1c; --thy-red-50: #fef2f2; --thy-red-100: #fee2e2; --thy-red-200: #fecaca; --thy-red-300: #fca5a5; --thy-red-400: #f87171; --thy-red-500: #ef4444; --thy-red-600: #dc2626; --thy-red-700: #b91c1c; --thy-red-800: #991b1b; --thy-red-900: #7f1d1d; }
.bg-thy { background-color: var(--thy-red) !important; }
.bg-thy-light { background-color: var(--thy-red-light) !important; }
.bg-thy-dark { background-color: var(--thy-red-dark) !important; }
.bg-thy-50 { background-color: var(--thy-red-50) !important; }
.bg-thy-100 { background-color: var(--thy-red-100) !important; }
.bg-thy-600 { background-color: var(--thy-red-600) !important; }
.bg-thy-700 { background-color: var(--thy-red-700) !important; }
.bg-thy-800 { background-color: var(--thy-red-800) !important; }
.text-thy { color: var(--thy-red) !important; }
.text-thy-light { color: var(--thy-red-light) !important; }
.text-thy-dark { color: var(--thy-red-dark) !important; }
.text-thy-50 { color: var(--thy-red-50) !important; }
.text-thy-100 { color: var(--thy-red-100) !important; }
.text-thy-600 { color: var(--thy-red-600) !important; }
.text-thy-700 { color: var(--thy-red-700) !important; }
.border-thy { border-color: var(--thy-red) !important; }
.border-thy-300 { border-color: var(--thy-red-300) !important; }
.border-thy-500 { border-color: var(--thy-red-500) !important; }
.hover\:bg-thy:hover { background-color: var(--thy-red) !important; }
.hover\:bg-thy-700:hover { background-color: var(--thy-red-700) !important; }
.hover\:bg-thy-800:hover { background-color: var(--thy-red-800) !important; }
.hover\:text-thy:hover { color: var(--thy-red) !important; }
.hover\:text-thy-700:hover { color: var(--thy-red-700) !important; }
.hover\:border-thy-500:hover { border-color: var(--thy-red-500) !important; }
.focus\:ring-thy:focus { --tw-ring-color: var(--thy-red) !important; }
.focus\:border-thy:focus { border-color: var(--thy-red) !important; }
.group:hover .group-hover\:text-thy { color: var(--thy-red) !important; }
.group:hover .group-hover\:border-thy-500 { border-color: var(--thy-red-500) !important; }
.bg-gradient-thy { background: linear-gradient(135deg, var(--thy-red-600), var(--thy-red-700), var(--thy-red-800)) !important; }
.bg-gradient-thy-50 { background: linear-gradient(135deg, var(--thy-red-50), var(--thy-red-100)) !important; }
.hover\:bg-gradient-thy-dark:hover { background: linear-gradient(135deg, var(--thy-red-700), var(--thy-red-800)) !important; }