/*
Theme Name: Mr. Miller Sazón & Sabor
Theme URI: https://mrmillersazonysabor.com/
Description: Tema hijo de Blocksy para Mr. Miller Sazón & Sabor. Sistema visual «Tablero»: comida típica valluna en Cali, catálogo estático desde CSV (sin depender de WooCommerce), tarjetas que solo reaccionan al botón «Cotizar por WhatsApp», buscador en vivo con chips de categoría, rail lateral tipo app en PC, círculos de categoría en móvil y configurador de eventos. No inventa datos: precios «Desde $», productos y bloques legales quedan como placeholders editables.
Author: Launch & Boost Manager — Elías
Author URI: https://mrmillersazonysabor.com/
Template: blocksy
Version: 1.4.0
Requires at least: 6.3
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mrmiller
*/

/* ================================================================
   TOKENS — Sistema «Tablero» (Ruta B aprobada 2026-10-12)
   Los componentes del tema usan SIEMPRE las variables --mm-*.
   Además se sincroniza la paleta nativa de Blocksy (--theme-palette-color-1..8)
   con el mapa del brief §0, para que los elementos propios de Blocksy
   (botones, enlaces, encabezados) hereden la misma paleta sin tocar el
   Personalizador. Si el Personalizador sobrescribe algo, ver el entregable 3.
   ================================================================ */
:root{
  /* Paleta de marca */
  --mm-negro:#0C0C0B;      /* placa / botón primario / titulares / rail */
  --mm-rojo-osc:#C11112;   /* hover, enlaces, tableros Celebrar y CTA */
  --mm-grafito:#2E2A26;    /* texto de cuerpo */
  --mm-rojo:#FB0401;       /* íconos y bloques intensos */
  --mm-linea:#E7DFD0;      /* líneas / bordes suaves */
  --mm-mantequilla:#FEF8D2;/* fondo de foto / secciones suaves */
  --mm-blanco:#FFFFFF;     /* fondo del sitio / canaletas */
  --mm-amarillo:#FEE320;   /* tablero del hero / chip activo / texto de botón placa */
  --mm-crema:#FBF8EE;      /* fondo «respiro» (configurador) */
  --mm-oro:#C28D2E;        /* sello Insignia */

  /* Tipografía */
  --mm-display:'Fraunces',Georgia,'Times New Roman',serif;
  --mm-texto:'Manrope',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;

  /* Movimiento y layout */
  --mm-ease:cubic-bezier(.16,1,.3,1);
  --mm-rail:132px;         /* ancho del rail en PC (ajustable: también mover el push de #main-container si se cambia) */

  /* ---- Sincronía con la paleta nativa de Blocksy ---- */
  --theme-palette-color-1:#0C0C0B;
  --theme-palette-color-2:#C11112;
  --theme-palette-color-3:#2E2A26;
  --theme-palette-color-4:#FB0401;
  --theme-palette-color-5:#E7DFD0;
  --theme-palette-color-6:#FEF8D2;
  --theme-palette-color-7:#FFFFFF;
  --theme-palette-color-8:#FEE320;
}

/* ================================================================
   BASE
   ================================================================ */
*,*::before,*::after{box-sizing:border-box}
body{
  font-family:var(--mm-texto);
  color:var(--mm-grafito);
  background:var(--mm-blanco);
}
h1,h2,h3,h4,h5,.mm-display{
  font-family:var(--mm-display);
  color:var(--mm-negro);
  letter-spacing:-.02em;
}
a{color:inherit}
a:hover{color:var(--mm-rojo-osc)}

/* Enlace de salto (accesibilidad) */
.mm-skip{
  position:absolute;left:-9999px;top:0;z-index:2000;
  background:var(--mm-negro);color:var(--mm-amarillo);
  font-family:var(--mm-texto);font-weight:800;font-size:14px;
  padding:12px 18px;border-radius:0 0 10px 0;
}
.mm-skip:focus{left:0}

::selection{background:var(--mm-amarillo);color:var(--mm-negro)}

/* El grueso del sistema (rail, círculos, botones, tableros, catálogo,
   configurador) vive en assets/css/mrmiller.css, encolado por functions.php. */