:root {
  --primary-50: #fdecec;
  --primary-100: #f8d0d1;
  --primary-200: #f0a8aa;
  --primary-300: #e57a7d;
  --primary-400: #d64d52;
  --primary-500: #c6272a;
  --primary-600: #c6272a;
  --primary-700: #a81f22;
  --primary-800: #8a191c;
  --primary-900: #6b1215;
  --primary-light: rgba(198, 39, 42, 0.15);
  --primary-light-white: rgba(198, 39, 42, 0.25);
  --brand: #c6272a;
  --bs-primary: #c6272a;
  --bs-primary-rgb: 198, 39, 42;
  --bs-link-color: #c6272a;
  --bs-link-hover-color: #a81f22;
}

[data-theme="dark"] {
  --primary-50: rgba(198, 39, 42, 0.12);
}

html,
body {
  font-family: Poppins, sans-serif;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #c6272a;
  --bs-btn-border-color: #c6272a;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #a81f22;
  --bs-btn-hover-border-color: #a81f22;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #8a191c;
  --bs-btn-active-border-color: #8a191c;
  --bs-btn-disabled-bg: #c6272a;
  --bs-btn-disabled-border-color: #c6272a;
}

.btn-outline-primary {
  --bs-btn-color: #c6272a;
  --bs-btn-border-color: #c6272a;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #c6272a;
  --bs-btn-hover-border-color: #c6272a;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #a81f22;
  --bs-btn-active-border-color: #a81f22;
}

.text-primary,
a.text-primary {
  color: #c6272a !important;
}

.bg-primary {
  background-color: #c6272a !important;
}

.border-primary {
  border-color: #c6272a !important;
}

.bg-primary-subtle {
  background-color: #fdecec !important;
}
