:root {
  --color-primary: #c60018;
  --color-primary-10: rgb(253.9, 249.9, 250.4);
  --color-primary-25: rgb(252.2, 242.2, 243.4);
  --color-primary-50: rgb(249.3, 229.5, 231.9);
  --color-primary-100: rgb(243.6, 204, 208.8);
  --color-primary-200: rgb(232.2, 153, 162.6);
  --color-primary-300: rgb(220.8, 102, 116.4);
  --color-primary-400: rgb(209.4, 51, 70.2);
  --color-primary-500: #c60018;
  --color-primary-600: rgb(158.4, 0, 19.2);
  --color-primary-700: rgb(118.8, 0, 14.4);
  --color-primary-800: rgb(79.2, 0, 9.6);
  --color-primary-900: rgb(39.6, 0, 4.8);
}

:root {
  --bs-primary: #c60018;
  --bs-primary-rgb: 198,0,24;
  --bs-primary-10: rgb(253.9, 249.9, 250.4);
  --bs-primary-10-rgb: 254,250,250;
  --bs-primary-25: rgb(252.2, 242.2, 243.4);
  --bs-primary-25-rgb: 252,242,243;
  --bs-primary-50: rgb(249.3, 229.5, 231.9);
  --bs-primary-50-rgb: 249,230,232;
  --bs-primary-100: rgb(243.6, 204, 208.8);
  --bs-primary-100-rgb: 244,204,209;
  --bs-primary-200: rgb(232.2, 153, 162.6);
  --bs-primary-200-rgb: 232,153,163;
  --bs-primary-300: rgb(220.8, 102, 116.4);
  --bs-primary-300-rgb: 221,102,116;
  --bs-primary-400: rgb(209.4, 51, 70.2);
  --bs-primary-400-rgb: 209,51,70;
  --bs-primary-500: #c60018;
  --bs-primary-500-rgb: 198,0,24;
  --bs-primary-600: rgb(158.4, 0, 19.2);
  --bs-primary-600-rgb: 158,0,19;
  --bs-primary-700: rgb(118.8, 0, 14.4);
  --bs-primary-700-rgb: 119,0,14;
  --bs-primary-800: rgb(79.2, 0, 9.6);
  --bs-primary-800-rgb: 79,0,10;
  --bs-primary-900: rgb(39.6, 0, 4.8);
  --bs-primary-900-rgb: 40,0,5;
}

.btn-primary {
  --bs-btn-bg: #c60018;
  --bs-btn-border-color: #c60018;
  --bs-btn-hover-bg: rgb(168.3, 0, 20.4);
  --bs-btn-hover-border-color: rgb(158.4, 0, 19.2);
  --bs-btn-active-bg: rgb(158.4, 0, 19.2);
  --bs-btn-active-border-color: rgb(148.5, 0, 18);
  --bs-btn-disabled-bg: #c60018;
  --bs-btn-disabled-border-color: #c60018;
  --bs-btn-focus-shadow-rgb: 207,38,59;
}

.btn-outline-primary {
  --bs-btn-color: #c60018;
  --bs-btn-border-color: #c60018;
  --bs-btn-hover-bg: #c60018;
  --bs-btn-hover-border-color: #c60018;
  --bs-btn-active-bg: #c60018;
  --bs-btn-active-border-color: #c60018;
  --bs-btn-disabled-color: #c60018;
  --bs-btn-disabled-border-color: #c60018;
  --bs-btn-focus-shadow-rgb: 198,0,24;
}

.btn-alt-primary {
  color: #c60018 !important;
}

.btn-alt-primary:focus,
.btn-alt-primary:hover {
  background: #c60018 !important;
}

:root {
  --font-family-primary: "Onest", "IBM Plex Sans Arabic", system-ui, sans-serif;
  --font-family-secondary: "Lora", Georgia, "Times New Roman", serif;
}