:root {
  --primary: 1.4 76.7% 44.7%;
  --ion-color-primary: hsl(1.4 76.7% 44.7%);
  --ion-color-primary-rgb: 189,39,45;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255,255,255;
  --ion-color-primary-shade: #a62328;
  --ion-color-primary-tint: #c43d42;

  --app-background: 0 0% 10.2%;
  --ion-color-base: hsl(0 0% 10.2%);
  --background: hsl(0 0% 10.2%);

  --gray-000: 0 0% 100%;
  --ion-text-color: hsl(0 0% 100%);

  --ion-color-secondary: #bd272d;
  --ion-color-secondary-rgb: 189,39,45;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb: 255,255,255;
  --ion-color-secondary-shade: #a62328;
  --ion-color-secondary-tint: #c43d42;

  --ion-background-color: #1a1a1a;

  --ion-font-family: "Tajawal", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

body {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
  font-family: "Tajawal", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

ion-toolbar {
  --background: #bd272d !important;
  --color: #ffffff !important;
}

ion-header ion-toolbar {
  --background: #bd272d !important;
  --color: #ffffff !important;
}

ion-tab-bar {
  --background: #1a1a1a !important;
  --color: #ffffff !important;
}

.btn-primary,
button.primary,
.btn:not(.btn-gray-000):not(.btn-gray-200):not(.btn-ghost):not(.btn-link),
.event-purchase-button {
  background-color: #bd272d !important;
  color: #ffffff !important;
  border-color: #bd272d !important;
}

ion-button[color="primary"] {
  --color: #ffffff !important;
  --background: #bd272d !important;
}

.bg-primary {
  background-color: #bd272d !important;
}

.text-primary {
  color: #bd272d !important;
}

ion-content {
  --background: #1a1a1a !important;
  --color: #ffffff !important;
}

ion-card {
  --background: #222222 !important;
  --color: #ffffff !important;
}

ion-item {
  --background: transparent !important;
  --color: #ffffff !important;
}

a {
  color: #bd272d !important;
}