/* ─────────────────────────────────────────────────────────────────────────
   El Centro de Producción · tokens compartidos del panel — "STREET KITCHEN" (v31)

   Una sola fuente de verdad de color y tipografía para TODO lo interno: el SPA
   (index.html) y las pantallas auxiliares (control, alertas, pedidos, cola,
   oportunidades, chats). Acá no hay reglas de componente — sólo variables y
   @font-face — para que el SPA lo cargue sin que nada le pise sus estilos.

   La dirección viene del propio el cliente (2026-08-12, pedido de Ernesto: "más
   alocado, nada de italic ni serifa"): el retrato de la marca es un STENCIL
   urbano de tres tintas, y el personaje real es lentes de sol, gorra y camisas
   estampadas. Entonces: tinta y papel se quedan (son el stencil), la Didone se
   va — las cifras gritan en ARCHIVO BLACK, y el acento pasa del oro notarial
   al NARANJA FUEGO de la parrilla y el ají. El panel se usa ocho horas al día:
   la base sigue siendo Instrument Sans legible; la actitud vive en display,
   acentos y sombras duras de sticker.
   ───────────────────────────────────────────────────────────────────────── */

/* Autohospedadas. Los CDN de tipografías quedan bloqueados en Brave y en redes
   con filtro — el mismo motivo por el que React está vendoreado acá al lado. */
@font-face{
  font-family:'Instrument Sans';font-style:normal;font-weight:400 600;font-display:swap;
  src:url('/assets/fuentes/instrument-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:'Instrument Sans';font-style:normal;font-weight:400 600;font-display:swap;
  src:url('/assets/fuentes/instrument-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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Archivo Black';font-style:normal;font-weight:400;font-display:swap;
  src:url('/assets/fuentes/archivo-black-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:'Archivo Black';font-style:normal;font-weight:400;font-display:swap;
  src:url('/assets/fuentes/archivo-black-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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

:root{
  /* ── Tipografía ──
     --cifra ya NO es una serif: es la voz de póster del panel. Ojo: Archivo
     Black solo tiene peso 400 — cualquier font-weight que le pongas encima da
     igual; el tamaño es el que grita. */
  --ui:   'Instrument Sans', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --cifra:'Archivo Black', 'Arial Black', 'Helvetica Neue', sans-serif;

  /* ── Marca (el stencil) ── */
  --ink:          #221B15;
  --ink-deep:     #16110C;   /* banda profunda: sidebar, header, splash */
  --ink-soft:     #33291F;   /* hover sobre ink-deep */

  /* ── El FUEGO (reemplaza al oro en las MISMAS variables: los consumidores
     no se tocan). El vivo es para superficies oscuras, badges y bordes; el
     profundo es texto sobre papel (5.1:1, AA). --gold-ink = texto sobre fuego:
     con el naranja vivo el negro tinta contrasta 5.9:1. */
  --gold:         #F05423;
  --gold-deep:    #AD3A0E;
  --gold-ink:     #16110C;

  /* ── Superficies ── */
  --surface-page: #F2EFE8;
  --surface-card: #FFFFFF;
  --surface-sunk: #EAE5DB;
  --surface-soft: #F7F5F0;

  /* ── Texto ── */
  --text:         #221B15;
  --text-soft:    #5F584F;
  --text-muted:   #726C64;
  --text-faint:   #91897D;
  --text-onink:   #F2EFE8;
  --text-onink-2: #B9B0A1;

  /* ── Líneas — un punto más francas que antes: el sticker pide contorno ── */
  --line:         #D3CDC1;
  --line-soft:    #E4DFD4;
  --line-strong:  #221B15;   /* borde de sticker: ES la tinta */

  /* ── Semánticos — un punto más vivos, sin dejar de leerse ── */
  --ok:           #3E7A2E;
  --ok-bg:        #E4F0D8;
  --ok-line:      #B9D69C;
  --ok-ink:       #2E5C20;
  --warn:         #E0A400;   /* mostaza del ají amarillo */
  --warn-bg:      #F9EEC9;
  --warn-line:    #E8CF8A;
  --warn-ink:     #7A5B00;
  --danger:       #D0342C;
  --danger-bg:    #FAE5E1;
  --danger-line:  #EFC3BB;
  --danger-ink:   #A02620;
  --danger-soft:  #C25B4A;
  --neutral:      #8B857C;

  /* ── Radios — esquinas más francas: nada flota blandito ── */
  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 10px;
  --r-xl: 14px;
  --r-pill: 999px;

  /* ── Elevación ──
     Las suaves quedan para cards de lectura; --sh-pop es la sombra DURA de
     sticker (offset sólido, sin blur) para lo que tiene que tener actitud:
     botones primarios, métricas, badges. --sh-pop-sm para el estado hundido. */
  --sh-1: 0 1px 2px rgba(34,27,21,.06);
  --sh-2: 0 2px 8px -2px rgba(34,27,21,.10), 0 1px 3px rgba(34,27,21,.05);
  --sh-3: 0 12px 32px -12px rgba(34,27,21,.28);
  --sh-pop:    4px 4px 0 var(--ink);
  --sh-pop-sm: 2px 2px 0 var(--ink);

  /* ── Movimiento ── */
  --ease: cubic-bezier(.22,1,.36,1);
  --t-fast: .14s;
  --t-mid: .22s;
}