/* Variables universales que pueden cambiarse */
:root {
    /* Colores principales */
    --color-main: #BE0319;     /* Rojo principal */
    --color-main-dark: #9a080f;   /* Rojo oscuro (hover carrusel) */
    --color-main-light: #EB1923;  /* Rojo claro (selects) */
    --color-main-hover: #cc2f34;  /* Rojo más claro (hover select) */
    --color-main-focus: #FF999D;  /* Rojo muy claro (focus select) */


    /* Colores de texto */
    --color-text-primary: #fff;
    --color-text-secondary: #ccc;
    --color-text-muted: #9e9797;

    /* Colores adicionales */
    --color-footer-bg: #181816;
    --color-link-hover: #5E17EB;

    /* Gradientes */
    --gradient-header: linear-gradient(to right, var(--color-main-dark), #811b044e);

    /* Otros */
    --max-width-container: 1300px;
}