/* ==========================================================
   CASA MIXTECO
   CMX-00C · BASE · COLORES Y VARIABLES GLOBALES

   CONTROLA:
   - Colores oficiales de Casa Mixteco
   - Tipografía base
   - Espaciados
   - Bordes
   - Sombras
   - Capas generales

   NO CONTROLA:
   - Header
   - Buscador
   - Carrito
   - Mobile
   - Productos
   - Sliders
   ========================================================== */

:root {

    /* ======================================================
       COLORES OFICIALES CASA MIXTECO
       ====================================================== */

    --cmx-azul: #0000A6;
    --cmx-amarillo: #FFEE00;
    --cmx-gris: #C7C7C7;
    --cmx-blanco: #FFFFFF;
    --cmx-lila: #C0ABCF;
    --cmx-negro: #000000;


    /* ======================================================
       COLORES DE INTERFAZ
       ====================================================== */

    --cmx-fondo: #F5F5F5;
    --cmx-texto: #333333;
    --cmx-texto-secundario: #666666;
    --cmx-borde: #E6E6E6;


    /* ======================================================
       CONTENEDORES
       ====================================================== */

    --cmx-ancho-principal: 1200px;
    --cmx-ancho-amplio: 1600px;


    /* ======================================================
       ESPACIADOS
       ====================================================== */

    --cmx-s1: 4px;
    --cmx-s2: 8px;
    --cmx-s3: 12px;
    --cmx-s4: 16px;
    --cmx-s5: 24px;
    --cmx-s6: 32px;


    /* ======================================================
       BORDES
       ====================================================== */

    --cmx-radio-xs: 4px;
    --cmx-radio-sm: 6px;
    --cmx-radio-md: 8px;
    --cmx-radio-lg: 12px;
    --cmx-radio-pill: 999px;


    /* ======================================================
       SOMBRAS
       ====================================================== */

    --cmx-sombra-suave:
        0 1px 3px rgba(0, 0, 0, 0.10);

    --cmx-sombra-media:
        0 4px 12px rgba(0, 0, 0, 0.12);


    /* ======================================================
       TIPOGRAFÍA
       ====================================================== */

    --cmx-fuente:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;


    /* ======================================================
       CAPAS
       ====================================================== */

    --cmx-z-header: 1000;
    --cmx-z-bottom: 1100;
    --cmx-z-overlay: 1200;
    --cmx-z-menu: 1210;
    --cmx-z-modal: 1300;
}