:root {
    /* ============================================
       VARIABLES DE LAYOUT (comunes a todos)
       ============================================ */
    --spacing-base: 15px;
    --spacing-uhd: 30px;
    --column-gap-base: 10px;
    --column-gap-uhd: 20px;
    --column-margin-base: 13px;
    --column-margin-uhd: 26px;
    --column-padding-base: 20px;
    --column-padding-uhd: 40px;
    
    /* ============================================
       VARIABLES DE PRECIOS - Tema 1       ============================================ */
    --prices-subtitle-color: #dadada;
    --prices-subtitle-size: 1.3rem;
    --prices-items-color: #ffffff;
    --prices-items-size: 0.9rem;
    --prices-price-color: #ffffff;
    --prices-price-size: 0.9rem;
    --prices-line-color: #feffff;
    --prices-line-style: dashed;
    
    /* ============================================
       VARIABLES DE ITEMS/PRODUCTOS - Tema 1       ============================================ */
    --product-name-color: #fefefe;
    --product-name-size: 1.7rem;
    --product-name-weight: 700;
    
    /* ============================================
       VARIABLES DE BACKGROUND
       ============================================ */
    --background-color: #858585;
    --background-image: url("/menu-app/config/images/6960dfc7a1b5d-theme_bg4.jpg");
}