:root {
    --ion-color-primary: var(--rojo, #cb352b);
    --ion-color-secondary: #43568c;
    --ion-color-tertiary: #262d4f;
    --ion-color-success: #2dd36f;
    --ion-color-warning: #ffc409;
    --ion-color-danger: #eb445a;
    --ion-color-dark: #454341;
    --ion-color-medium: #92949c;
    --ion-color-light: #f4f5f8;
}

body {
    background-color: #f0f2f5;
}

.text-primary-ion {
    color: var(--ion-color-primary) !important;
}

.text-secondary-ion {
    color: var(--ion-color-secondary) !important;
}

.bg-primary-ion {
    background-color: var(--ion-color-primary) !important;
    color: #ffffff;
}

.bg-secondary-ion {
    background-color: var(--ion-color-secondary) !important;
    color: #ffffff;
}

.btn-primary-ion {
    background-color: var(--ion-color-primary);
    border-color: var(--ion-color-primary);
    color: #ffffff;
    transition: all 0.3s ease;
}

.btn-primary-ion:hover,
.btn-primary-ion:active {
    background-color: #b32f26 !important;
    border-color: #b32f26 !important;
    color: #ffffff;
}