:root{
    /* The Burrito Palette */
    --color-yellow-bg: #E6E11A;
    --color-text: #000000;
    --color-white: #FFFFFF;
    
    /* Verdes */
    --color-green: #1F8A3B;
    --color-green-dark: #166A2E;
    
    /* Rojos */
    --color-red: #C4161C;
    --color-red-dark: #9E0F14;

    /* Marrones */
    --color-brown: #C58A3A;
    --color-brown-dark: #8A5A2B;

    /* Grises */
    --color-grey-light: #9A9A9A;
    --color-grey: #6F6F6F;
    --color-grey-dark: #4A4A4A;

    /* Legacy Map (mapping old vars to new palette where appropriate, or keeping for now to avoid breaking other views immediately) */
    --color1: var(--color-text);     /* Black */
    --color2: var(--color-white);    /* White */
    --color3: var(--color-green);    /* Main Action (Blue -> Green) */
    --color4: var(--color-grey-dark);/* Dark Grey */
    --color5: var(--color-green);    /* Alternative Action */
    --color6: var(--color-grey-dark);
    --color7: var(--color-red);      /* Alert/Red */
    --color8: var(--color-grey-light);
    --color9: var(--color-green);

    --fuente1: 'Oswald', sans-serif;
    --fuente2: 'Bebas Neue', cursive;

    /* Semantic Colors */
    --colorCategoriasON: var(--color-green);
    --colorCategoriasOFF: var(--color-red-dark);
    --colorNavegador: var(--color-white);
    --colorBotonesNavegador: var(--color-grey-light);
    --colorLetraMesas: var(--color-text);
    --colorFondoTituloZonas: var(--color-text);
    --colorLetraTituloZonas: var(--color-white);
    --colorMesaLibre: var(--color-green);
    --colorLetraMesaLibre: var(--color-white);
    --colorMesaOcupada: var(--color-red);
    --colorLetraMesaOcupada: var(--color-white);
    --colorFondoZonas: rgba(255, 255, 255, 0.7);
    --colorFondoZonas2: rgba(32, 32, 32, 0.9);
}