:root {
    --color-primario: #000000;
    --color-primario-oscuro: #000000;
    --color-primario-suave: #f0f0f0;

    --color-texto: #1f2328;
    --color-texto-suave: #6b7280;
    --color-borde: #e8e6e1;

    --color-fondo: #faf9f7;
    --color-superficie: #ffffff;
    --color-cabecera: #ffffff;
    --color-texto-cabecera: #1f2328;

    /* Chips siempre oscuros (drawer, aviso flotante del carrito, toasts):
       no cambian con el tema para no depender de si --color-texto es claro
       u oscuro en cada perfil de color. */
    --color-chip-oscuro: #1f2328;
    --color-chip-oscuro-texto: #ffffff;

    --color-exito: #16a34a;
    --color-exito-suave: #eafaf0;
    --color-peligro: #e0393e;
    --color-peligro-suave: #fdeceb;
    --color-advertencia: #d97706;
    --color-advertencia-suave: #fff7e8;

    --radio-s: 8px;
    --radio-m: 14px;
    --radio-l: 20px;
    --radio-pastilla: 999px;

    --sombra-s: 0 1px 3px rgba(31, 35, 40, 0.06);
    --sombra-m: 0 4px 16px rgba(31, 35, 40, 0.08);
    --sombra-l: 0 12px 32px rgba(31, 35, 40, 0.14);

    --espacio-1: 4px;
    --espacio-2: 8px;
    --espacio-3: 12px;
    --espacio-4: 16px;
    --espacio-5: 24px;
    --espacio-6: 32px;

    --alto-barra-carrito: 68px;
    --alto-cabecera: 60px;

    --fuente: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}