/* ============================================================
   PARRILLA TANO — TEMA v2 · 00 · DESIGN TOKENS
   Marca común (carbón, blanco cálido, rojo brasa, bronce) + una paleta
   secundaria por pantalla. Cada pantalla se identifica con
   html[data-route="..."] (lo pone js/app.js): redefine --accent*, --bg y
   --hdr, así que los botones, pestañas y avisos de esa pantalla toman su
   color sin tocar una sola clase. Los colores de ESTADO (verde/ámbar/rojo/
   azul) no cambian nunca de significado.
   ============================================================ */

/* ---- Fuentes locales (sin CDN; CSP: font-src 'self') ---- */
@font-face { font-family: "Inter UI"; src: url("../../fonts/inter-var-latin.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Barlow Cond"; src: url("../../fonts/barlow-condensed-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Barlow Cond"; src: url("../../fonts/barlow-condensed-700.woff2") format("woff2"); font-weight: 700 900; font-style: normal; font-display: swap; }

/* ---- Tema CLARO ---- */
:root {
  --font: "Inter UI", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --font-num: "Barlow Cond", "Arial Narrow", "Segoe UI", sans-serif;       /* cifras e identificadores: condensada, de tablero */
  --font-display: Georgia, "Times New Roman", "Iowan Old Style", serif;

  --bg: #f4f0e9;
  --surface: #fffdf9;
  --surface-2: #f0ebe2;
  --border: #e3dccf;
  --border-strong: #cfc5b4;
  --text: #221e1b;
  --text-muted: #675e55;
  --text-soft: #72675b;

  --accent: #b02f1e;
  --accent-hover: #b02f1e;
  --accent-solid: #b02f1e;
  --accent-solid-hover: #b02f1e;
  --accent-soft: #f8e7e1;
  --gold: #a9792f;
  --gold-soft: #f3e8d3;
  --hdr: #1c1815;                      /* fondo de la franja de título de cada pantalla */
  --hdr-ink: #fbf3e8;
  --hdr-mute: rgba(251, 243, 232, .72);

  --ok: #197a41;   --ok-soft: #dff2e5;   --ok-solid: #1f7a4a;
  --warn: #955409; --warn-soft: #faebc9; --warn-solid: #955409;
  --danger: #c0262d; --danger-soft: #fbe3df; --danger-solid: #c0262d;
  --info: #2a5db0; --info-soft: #e0eaf8; --info-solid: #2a5db0;

  --shadow-sm: 0 1px 2px rgba(48, 32, 20, .06), 0 1px 3px rgba(48, 32, 20, .06);
  --shadow-md: 0 6px 18px rgba(48, 32, 20, .10), 0 2px 4px rgba(48, 32, 20, .05);
  --shadow-lg: 0 18px 48px rgba(30, 18, 10, .24);
  --lift: 0 10px 26px rgba(48, 32, 20, .14);

  --radius: 20px;
  --radius-sm: 12px;
  --radius-lg: 26px;
  --scrim: rgba(18, 13, 10, .6);
  --sb-bg: #1c1815;
  --ease: cubic-bezier(.2, .7, .2, 1);
  --floor: #ece6d9;                    /* piso del salón (Mesas) */
}

/* ---- Tema OSCURO ---- */
html[data-theme="dark"] {
  --bg: #12100f;
  --surface: #1b1917;
  --surface-2: #252220;
  --border: #322e2a;
  --border-strong: #463f39;
  --text: #f0eae2;
  --text-muted: #b0a698;
  --text-soft: #91877c;

  --accent: #dc5a41;
  --accent-solid: #b8341f;
  --accent-soft: #331b15;
  --gold: #cda35e;
  --gold-soft: #2e2415;
  --hdr: #2a211a;
  --hdr-ink: #f6eee2;
  --hdr-mute: rgba(246, 238, 226, .7);

  --ok: #43b975;   --ok-soft: #14271c;
  --warn: #e3a23a; --warn-soft: #2e2411;
  --danger: #ee5654; --danger-soft: #331816; --danger-solid: #c43a37;
  --info: #5f9ef2; --info-soft: #14233b;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .45);
  --shadow-md: 0 8px 22px rgba(0, 0, 0, .5);
  --shadow-lg: 0 20px 56px rgba(0, 0, 0, .66);
  --lift: 0 12px 30px rgba(0, 0, 0, .55);
  --scrim: rgba(0, 0, 0, .68);
  --sb-bg: #0c0b0a;
  --floor: #171513;
}

/* Barra lateral, Login y KDS (Comandas): siempre sobre carbón, con los mismos tokens oscuros */
.sidebar, .login-wrap,
html[data-theme="dark"][data-route="comandas"] .main, .ia-chat {
  --surface: #1c1815;
  --surface-2: #28231f;
  --border: #35302b;
  --border-strong: #4a423b;
  --text: #f0eae2;
  --text-muted: #b6ab9d;
  --text-soft: #91877c;
  --ok: #43b975;   --ok-soft: #14271c;
  --warn: #e3a23a; --warn-soft: #2e2411;
  --danger: #ee5654; --danger-soft: #331816;
  --info: #5f9ef2; --info-soft: #14233b;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .45);
  --shadow-md: 0 8px 22px rgba(0, 0, 0, .5);
  --shadow-lg: 0 20px 56px rgba(0, 0, 0, .66);
  --scrim: rgba(0, 0, 0, .68);
  color: var(--text);
}
.sidebar, .login-wrap { --accent: #e06047; --accent-soft: rgba(224, 96, 71, .16); --gold: #d4a964; }
html[data-theme="dark"][data-route="comandas"] .main { --bg: #121110; --accent: #e8a33a; --accent-soft: #3a2a0e; --accent-solid: #b9770e; }
.ia-chat { --bg: #0e0f22; --surface: #15172e; --surface-2: #1d2040; --border: #2a2e5a; --border-strong: #3a3f78; --accent: #a99bff; --accent-soft: rgba(139, 120, 255, .16); --accent-solid: #5b4bc4; }
html[data-theme="dark"][data-route="comandas"] .main { background: var(--bg); }

/* ---- Paletas por pantalla (generadas: ver 01-paletas) ---- */
.sidebar, .login-wrap, html[data-theme="dark"][data-route="comandas"] .main, .ia-chat { color-scheme: dark; }
html[data-route="inicio"] { --accent: #8a5d22; --accent-hover: #8a5d22; --accent-solid: #8a5d22; --accent-solid-hover: #8a5d22; --accent-soft: #f2e7d3; --bg: #f3efe7; --hdr: #1c1815; }
html[data-theme="dark"][data-route="inicio"] { --accent: #d4aa66; --accent-hover: #d4aa66; --accent-solid: #8a5d22; --accent-solid-hover: #8a5d22; --accent-soft: #2e2415; --bg: #12100f; --hdr: #2e2415; }
html[data-route="mesas"] { --accent: #5d6a22; --accent-hover: #5d6a22; --accent-solid: #5d6a22; --accent-solid-hover: #5d6a22; --accent-soft: #e9edd3; --bg: #f0efe3; --hdr: #2b3318; }
html[data-theme="dark"][data-route="mesas"] { --accent: #a9b85a; --accent-hover: #a9b85a; --accent-solid: #5d6a22; --accent-solid-hover: #5d6a22; --accent-soft: #232814; --bg: #11130c; --hdr: #232814; }
html[data-route="mis-mesas"] { --accent: #5d6a22; --accent-hover: #5d6a22; --accent-solid: #5d6a22; --accent-solid-hover: #5d6a22; --accent-soft: #e9edd3; --bg: #f0efe3; --hdr: #2b3318; }
html[data-theme="dark"][data-route="mis-mesas"] { --accent: #a9b85a; --accent-hover: #a9b85a; --accent-solid: #5d6a22; --accent-solid-hover: #5d6a22; --accent-soft: #232814; --bg: #11130c; --hdr: #232814; }
html[data-route="pedido"] { --accent: #b4492b; --accent-hover: #b4492b; --accent-solid: #b4492b; --accent-solid-hover: #b4492b; --accent-soft: #f9e4da; --bg: #f8f0e6; --hdr: #9f3d22; }
html[data-theme="dark"][data-route="pedido"] { --accent: #e8805e; --accent-hover: #e8805e; --accent-solid: #b4492b; --accent-solid-hover: #b4492b; --accent-soft: #35190f; --bg: #15100d; --hdr: #35190f; }
html[data-route="comandas"] { --accent: #b9770e; --accent-hover: #b9770e; --accent-solid: #b9770e; --accent-solid-hover: #b9770e; --accent-soft: #fbeccc; --bg: #f6f0e4; --hdr: #1b1a18; }
html[data-theme="dark"][data-route="comandas"] { --accent: #e8a33a; --accent-hover: #e8a33a; --accent-solid: #b9770e; --accent-solid-hover: #b9770e; --accent-soft: #3a2a0e; --bg: #121110; --hdr: #3a2a0e; }
html[data-route="paso"] { --accent: #b4492b; --accent-hover: #b4492b; --accent-solid: #b4492b; --accent-solid-hover: #b4492b; --accent-soft: #f9e4da; --bg: #f8f0e6; --hdr: #9f3d22; }   /* Venta al paso usa la paleta de Pedido (bordó) */
html[data-theme="dark"][data-route="paso"] { --accent: #e8805e; --accent-hover: #e8805e; --accent-solid: #b4492b; --accent-solid-hover: #b4492b; --accent-soft: #35190f; --bg: #15100d; --hdr: #35190f; }
html[data-route="caja"] { --accent: #1f5a43; --accent-hover: #1f5a43; --accent-solid: #1f5a43; --accent-solid-hover: #1f5a43; --accent-soft: #d9ebe2; --bg: #edf1ed; --hdr: #10322a; }
html[data-theme="dark"][data-route="caja"] { --accent: #5fb48a; --accent-hover: #5fb48a; --accent-solid: #1f5a43; --accent-solid-hover: #1f5a43; --accent-soft: #12261d; --bg: #0e1411; --hdr: #12261d; }
html[data-route="stock"] { --accent: #1f6f78; --accent-hover: #1f6f78; --accent-solid: #1f6f78; --accent-solid-hover: #1f6f78; --accent-soft: #d8ecee; --bg: #ecf1f3; --hdr: #164e55; }
html[data-theme="dark"][data-route="stock"] { --accent: #5bbac3; --accent-hover: #5bbac3; --accent-solid: #1f6f78; --accent-solid-hover: #1f6f78; --accent-soft: #112629; --bg: #0e1517; --hdr: #112629; }
html[data-route="gastos"] { --accent: #8e2c3a; --accent-hover: #8e2c3a; --accent-solid: #8e2c3a; --accent-solid-hover: #8e2c3a; --accent-soft: #f5dde0; --bg: #f5ecea; --hdr: #6e1f2c; }
html[data-theme="dark"][data-route="gastos"] { --accent: #e0707f; --accent-hover: #e0707f; --accent-solid: #8e2c3a; --accent-solid-hover: #8e2c3a; --accent-soft: #33161a; --bg: #150f10; --hdr: #33161a; }
html[data-route="estadisticas"] { --accent: #4d55a8; --accent-hover: #4d55a8; --accent-solid: #4d55a8; --accent-solid-hover: #4d55a8; --accent-soft: #e1e3f5; --bg: #eeeff7; --hdr: #343a82; }
html[data-theme="dark"][data-route="estadisticas"] { --accent: #9aa2f0; --accent-hover: #9aa2f0; --accent-solid: #4d55a8; --accent-solid-hover: #4d55a8; --accent-soft: #1c1f3d; --bg: #0f1020; --hdr: #1c1f3d; }
html[data-route="usuarios"] { --accent: #2f5f9e; --accent-hover: #2f5f9e; --accent-solid: #2f5f9e; --accent-solid-hover: #2f5f9e; --accent-soft: #dbe7f5; --bg: #edf1f7; --hdr: #25497a; }
html[data-theme="dark"][data-route="usuarios"] { --accent: #6fa3e6; --accent-hover: #6fa3e6; --accent-solid: #2f5f9e; --accent-solid-hover: #2f5f9e; --accent-soft: #132238; --bg: #0e131b; --hdr: #132238; }
html[data-route="configuracion"] { --accent: #4f4a44; --accent-hover: #4f4a44; --accent-solid: #4f4a44; --accent-solid-hover: #4f4a44; --accent-soft: #ece8e1; --bg: #f4f2ee; --hdr: #4f4a44; }
html[data-theme="dark"][data-route="configuracion"] { --accent: #bdb4a7; --accent-hover: #bdb4a7; --accent-solid: #6b645b; --accent-solid-hover: #6b645b; --accent-soft: #2a2724; --bg: #121110; --hdr: #2a2724; }
html[data-route="perfil"] { --accent: #7a5f42; --accent-hover: #7a5f42; --accent-solid: #7a5f42; --accent-solid-hover: #7a5f42; --accent-soft: #efe5d8; --bg: #f5f0e8; --hdr: #7a5f42; }
html[data-theme="dark"][data-route="perfil"] { --accent: #cfae86; --accent-hover: #cfae86; --accent-solid: #7a5f42; --accent-solid-hover: #7a5f42; --accent-soft: #2b2318; --bg: #131110; --hdr: #2b2318; }
html[data-route="ventas"] { --accent: #3d4f63; --accent-hover: #3d4f63; --accent-solid: #3d4f63; --accent-solid-hover: #3d4f63; --accent-soft: #dfe6ee; --bg: #edeff3; --hdr: #2b3947; }
html[data-theme="dark"][data-route="ventas"] { --accent: #8fb0d0; --accent-hover: #8fb0d0; --accent-solid: #3d4f63; --accent-solid-hover: #3d4f63; --accent-soft: #17202b; --bg: #0f1216; --hdr: #17202b; }
html[data-route="productos"] { --accent: #8b5a3a; --accent-hover: #8b5a3a; --accent-solid: #8b5a3a; --accent-solid-hover: #8b5a3a; --accent-soft: #f0e2d6; --bg: #f4eee8; --hdr: #5e3b25; }
html[data-theme="dark"][data-route="productos"] { --accent: #d6a27c; --accent-hover: #d6a27c; --accent-solid: #8b5a3a; --accent-solid-hover: #8b5a3a; --accent-soft: #2c1d12; --bg: #130f0c; --hdr: #2c1d12; }
html[data-route="ia"] { --accent: #5b4bc4; --accent-hover: #5b4bc4; --accent-solid: #5b4bc4; --accent-solid-hover: #5b4bc4; --accent-soft: #e6e2f8; --bg: #edecf8; --hdr: #3b2f95; }
html[data-theme="dark"][data-route="ia"] { --accent: #a99bff; --accent-hover: #a99bff; --accent-solid: #5b4bc4; --accent-solid-hover: #5b4bc4; --accent-soft: #221c4a; --bg: #0e0e1c; --hdr: #221c4a; }
/* Consumo de carne: bordó cálido (misma familia que Carne y Gastos, en tema claro/oscuro normal) */