/* =====================================================================
   rb-tokens.css · Tokens de marca y tipografía autoalojada de RESTOBAR / Deliricuras
   ---------------------------------------------------------------------
   Razón de ser: una sola fuente de verdad para color, forma y tipo de TODA la interfaz
   (cabecera, menú, vistas, modales, login y el POS). Mismos NOMBRES de variables que usa la
   Boutique KH (--bg --panel --panel2 --bd --tx --mut --ac --ac-fill --ac-dark --ac-tx --ok
   --danger --danger-fill --warn --info --campo-bd), con la paleta de Deliricuras.
   Se carga ANTES que bootstrap/style/tema-oscuro. Solo declara @font-face y variables:
   no pinta nada por sí solo.

   Los valores de color de abajo son el RESPALDO para los colores de la empresa (configuracion:
   #a4161a / #e09f3e). header.php vuelve a emitir estas mismas variables calculadas desde
   configuracion.color_primario / color_secundario (layout/menu.php: rbs_paleta()), de modo que otra
   empresa con otros colores también queda bien. Si cambias la lógica de rbs_paleta(), regenera
   el bloque «paleta» (php: echo rbs_paleta_css(rbs_paleta('#a4161a','#e09f3e'));).

   Tema oscuro: html[data-tema="oscuro"] (lo pone header.php antes de pintar). tema-oscuro.css sigue
   leyendo --rb-fondo / --rb-superficie / --rb-borde / --rb-texto: rb-tema.css (cargado al final)
   los redefine a partir de estos tokens para que la paleta oscura nueva se propague sola.
   ===================================================================== */

/* ---- Tipografía (variable, latin + latin-ext; OFL) — fuentes locales: sirve sin internet ---- */
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(../fonts/montserrat-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(../fonts/montserrat-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* Alias: style.css y el login heredado piden 'Poppins'; se sirve Montserrat bajo ese nombre para que
   nada caiga a otra letra ni llame a un CDN. */
@font-face{font-family:'Poppins';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(../fonts/montserrat-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(../fonts/montserrat-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400 800;font-display:swap;
  src:url(../fonts/playfair-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400 800;font-display:swap;
  src:url(../fonts/playfair-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---- Forma y tipo (constantes, no cambian con el tema ni con la empresa) ---- */
:root{
  --rb-serif:'Playfair Display','Cormorant Garamond',Georgia,'Times New Roman',serif;
  --rb-sans:'Montserrat','Poppins',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --rb-radio:14px; --rb-radio-sm:10px;
  --rb-sombra-fuerte:0 24px 54px -22px rgba(var(--tx-rgb,60,49,49),.5);
  --rb-scrim:rgba(var(--tx-rgb,60,49,49),.55);
  --rb-foco:0 0 0 3px rgba(var(--ac-rgb,164,22,26),.32);
  --rb-bp:900px;   /* bajo este ancho el menú es cajón y todo pasa a «móvil primero» */
}
html[data-tema="oscuro"]{ --rb-scrim:rgba(0,0,0,.62); --rb-sombra-fuerte:0 24px 54px -22px rgba(0,0,0,.75); color-scheme:dark; }

/* ---- paleta (respaldo para #a4161a / #e09f3e; ver nota de arriba) ---- */
:root{--rb-marca:#a4161a;--rb-marca2:#bf542a;--rb-sec:#e09f3e;--bg:#fcf7f7;--panel:#ffffff;--panel2:#f8eeee;--panel3:#f4e3e4;--bd:#e8dddd;--tx:#3c3131;--mut:#6e6666;--campo-bd:#9a9191;--ac:#a4161a;--ac-fill:#a4161a;--ac-dark:#7d1114;--ac-tx:#a4161a;--ac2:#e09f3e;--ok:#2c7756;--ok-fill:#2c7756;--danger:#b3261e;--danger-fill:#b3261e;--warn:#9a5b00;--info:#2f5d8a;--ac-rgb:164,22,26;--tx-rgb:60,49,49;--sel-bg:rgba(164,22,26,.22);--k1a:#a4161a;--k1b:#bf542a;--k2a:#8b6326;--k2b:#5e431a;--k3a:#7c6a6a;--k3b:#534242;--k4a:#f9ecd8;--k4b:#eeca95;--k4tx:#3c3131;--sombra:0 1px 2px rgba(0,0,0,.05),0 10px 24px -16px rgba(164,22,26,.35);}
html[data-tema="oscuro"]{--bg:#1b1212;--panel:#251d1d;--panel2:#302626;--panel3:#3b2f2f;--bd:#453637;--tx:#f1ebeb;--mut:#b4adad;--campo-bd:#746969;--ac:#f08c8f;--ac-fill:#a4161a;--ac-dark:#b1373a;--ac-tx:#f4acae;--ac2:#e09f3e;--ok:#5bc596;--ok-fill:#2c7756;--danger:#f29a93;--danger-fill:#b3261e;--warn:#edb662;--info:#8fb8e6;--ac-rgb:240,140,143;--tx-rgb:0,0,0;--sel-bg:rgba(240,140,143,.28);--k4a:#65481c;--k4b:#3f2d11;--k4tx:#ffffff;--sombra:0 1px 2px rgba(0,0,0,.3),0 10px 24px -16px rgba(0,0,0,.6);}
