/*
 * Custom Red Theme Override for TFMS
 * Loaded AFTER app.min.css so these variables win the cascade.
 * Re-points the template's primary color (buttons, links, badges,
 * active menu items) from the default purple to red.
 */

:root,
[data-bs-theme=light] {
  --theme-primary: #dc2626;
  --theme-primary-rgb: 220, 38, 38;
  --theme-primary-text-emphasis: #b91c1c;
  --theme-primary-bg-subtle: #fde2e2;
  --theme-primary-border-subtle: #f6b4b4;
  --theme-link-color: #dc2626;
  --theme-link-color-rgb: 220, 38, 38;
  --theme-link-hover-color: #b91c1c;
  --theme-link-hover-color-rgb: 185, 28, 28;
  --theme-focus-ring-color: rgba(220, 38, 38, 0.25);
}

[data-bs-theme=dark] {
  --theme-primary-text-emphasis: #f87171;
  --theme-primary-bg-subtle: rgba(220, 38, 38, 0.2);
  --theme-primary-border-subtle: #7f1d1d;
  --theme-link-color: #f87171;
  --theme-link-hover-color: #fca5a5;
  --theme-link-color-rgb: 248, 113, 113;
  --theme-link-hover-color-rgb: 252, 165, 165;
}

/* Sidebar active/hover link color follows the same red accent */
html[data-menu-color=light] {
  --theme-sidenav-item-hover-color: #dc2626;
  --theme-sidenav-item-active-color: #dc2626;
}

html[data-menu-color=gray] {
  --theme-sidenav-item-hover-color: #dc2626;
  --theme-sidenav-item-active-color: #212b29;
}

html[data-menu-color=dark],
html[data-menu-color=gradient],
html[data-menu-color=image] {
  --theme-sidenav-item-hover-color: #fca5a5;
  --theme-sidenav-item-active-color: #fca5a5;
}