:root {
    /* Color principal inspirado en la bandera de Vietnam */
    --vietnamRed-50: #fde0e0;
    --vietnamRed-100: #f9b3b3;
    --vietnamRed-200: #f38686;
    --vietnamRed-300: #ef5959;
    --vietnamRed-400: #eb2c2c;
    --vietnamRed-500: #d32f2f; /* principal */
    --vietnamRed-600: #b22a29;
    --vietnamRed-700: #912224;
    --vietnamRed-800: #701a1b;
    --vietnamRed-900: #4f1112;

    /* Color de acento amarillo */
    --vietnamYellow-500: #ffeb3b;

    /* Colores neutros para fondo y texto */
    --neutral-light: #f7f7f7;
    --neutral-dark: #333333;
}

/* Ejemplos de uso */
.bg-vietnamRed-500 {
    background-color: var(--vietnamRed-500);
}

.text-vietnamRed-500 {
    color: var(--vietnamRed-500);
}

.border-vietnamRed-500 {
    border-color: var(--vietnamRed-500);
}

.bg-vietnamYellow-500 {
    background-color: var(--vietnamYellow-500);
}

.text-vietnamYellow-500 {
    color: var(--vietnamYellow-500);
}
.border-vietnamYellow-500 {
    border-color: var(--vietnamYellow-500);
}
.border-vietnamYellow-400 {
    border-color: var(--vietnamYellow-400);
}
.border-vietnamYellow-300 {
    border-color: var(--vietnamYellow-300);
}
/* Error styles */
.error-label {
    color: #dc2626 !important;
}

.normal-label {
    color: #1f2937 !important;
}

.error-message,
#intended_entry_gate-error {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    color: #dc2626;
}
.border-red-500,
.error-border {
    border-color: #e7000b !important;
}
.step-current span,
.step-current div,
.step-completed span,
.step-completed div {
    background-color: var(--vietnamRed-500);
}
#mobileStep > div > svg > circle.transition-all.ease-in {
    stroke: var(--vietnamRed-500);
}
.alert-vietnam {
    padding: 1rem;
    margin-bottom: 1rem;
    border: 1px solid #facc15;
    border-radius: 0.5rem;
    background-color: #fefce8;
    color: #78350f;
    display: flex;
    align-items: flex-start;
}

.alert-vietnam svg {
    width: 20px;
    height: 20px;
    color: #facc15;
    flex-shrink: 0;
}

.alert-vietnam p {
    margin-left: 0.75rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #92400e;
}