/* Variables universales que pueden cambiarse */
:root {
    /* Colores principales */
    --color-main: #BBAD30;        /* Dorado principal */
    --color-main-dark: #9E921F;   /* Dorado oscuro (hover carrusel) */
    --color-main-light: #D3C84A;  /* Dorado claro (selects) */
    --color-main-hover: #E0D65A;  /* Dorado más claro (hover select) */
    --color-main-focus: #F0E675;  /* Dorado 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), #bbad304e);

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