:root {
  --sr-red: #a41e2d;
  --sr-red-hover: #c2293a;
  --sr-red-alpha: rgba(164, 30, 45, 0.15);
}

/* === DaisyUI: Primary-Farbe auf SR-Rot setzen (überschreibt grünen emerald-Theme) === */
[data-theme] {
  --p: 352 69% 38%;
  --pf: 352 69% 32%;
  --pc: 0 0% 100%;
}

/* === text-primary & Hover === */
.text-primary,
a.text-primary {
  color: var(--sr-red) !important;
}

.hover\:text-primary:hover,
.hover\:text-primary-focus:hover {
  color: var(--sr-red-hover) !important;
}

/* === Tailwind / DaisyUI: alle grünen/emerald Klassen → SR-Rot === */

/* Hintergründe */
.bg-emerald-500, .bg-emerald-400, .bg-emerald-300,
.bg-green-500, .bg-green-400, .bg-green-300,
.bg-success {
  background-color: var(--sr-red) !important;
}

.bg-success\/10, .bg-emerald-500\/10, .bg-emerald-500\/20,
.bg-green-500\/10 {
  background-color: var(--sr-red-alpha) !important;
}

/* Texte */
.text-emerald-500, .text-emerald-400, .text-emerald-300,
.text-green-500, .text-green-400, .text-green-300,
.text-success {
  color: var(--sr-red) !important;
}

/* Rahmen */
.border-emerald-500, .border-emerald-400, .border-emerald-300,
.border-green-500, .border-green-400, .border-green-300,
.border-success {
  border-color: var(--sr-red) !important;
}

/* Ringe (Focus) */
.ring-emerald-500, .ring-emerald-400,
.ring-green-500, .ring-green-400,
.ring-success {
  --tw-ring-color: var(--sr-red) !important;
}

/* === SVG Icons: grün → rot === */
svg[stroke="#22c55e"],
svg[fill="#22c55e"],
svg[class*="text-green"],
svg[class*="text-emerald"],
svg[class*="text-success"] {
  stroke: var(--sr-red) !important;
  fill: var(--sr-red) !important;
}

/* === Buttons === */
button, .btn-primary {
  background-color: var(--sr-red) !important;
  border-color: var(--sr-red) !important;
  color: #fff !important;
}

/* === Textarea: Rahmen & Focus === */
textarea,
textarea:focus,
textarea:focus-visible {
  border-color: var(--sr-red) !important;
  box-shadow: 0 0 0 1px rgba(164, 30, 45, 0.12);
}

/* === Focus-Ringe & Outline === */
:focus-visible,
.checkbox-primary:focus,
.radio-primary:focus {
  --tw-ring-color: var(--sr-red) !important;
  outline-color: var(--sr-red) !important;
}

/* === DaisyUI Radio-Buttons (role=radio) === */
button[role="radio"] span[class*="rounded-full"],
button[role="radio"] > span:first-child {
  border-color: var(--sr-red) !important;
  background: #fff !important;
}

button[role="radio"][aria-checked="true"] span[class*="rounded-full"],
button[role="radio"][aria-checked="true"] > span:first-child {
  background: var(--sr-red) !important;
  border-color: var(--sr-red) !important;
}

/* === Checkboxen & Radio (klassisch) === */
input[type="checkbox"].checkbox,
input[type="checkbox"].checkbox-primary,
input[type="radio"].radio,
input[type="radio"].radio-primary {
  border-color: var(--sr-red) !important;
}

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

input[type="radio"].radio-primary:checked::before {
  background-color: var(--sr-red) !important;
}