/* Tema Cocina (paleta base del sitio). Las variables son las mismas de css/css.css; se repiten aqui para que cada
   tema declare su paleta completa. */
:root {
  --ink:#1c1412; --muted:#76615a; --soft:#6d564e;
  --red:#e11d2e; --salmon:#ff8b7a; --green:#1f8a4c;
  --bg:#f6f1eb; --card:#fffdfb; --line:rgba(28,20,18,.06);
  --tinte:#fff1ee; --tinte-fuerte:#ffe4de; --portada-fin:#ffd2a6;
  --fuente-titulos:Fraunces, serif; --fuente-texto:"Plus Jakarta Sans", system-ui, sans-serif;
  /* Paleta extendida por uso (--<uso>[-hover|-activo]-<tono>[-a<alfa>]). Las hojas la usan como var(--nombre, valor de
     Cocina): un tema nuevo solo redefine las que cambian. */
  --base-blanco:#fffdfb;
  --base-cafe-2:#665149;
  --base-crema:#f1ece8;
  --base-crema-2:#f7efe8;
  --base-morado:#6d28d9;
  --base-morado-claro:#f5f1ff;
  --base-rojo-claro:#ffe4de;
  --base-rosa:#be185d;
  --base-salmon:#ffd2a6;
  --base-cafe:#5e4840;
  --base-cafe-3:#8a4b24;
  --base-tinta-a06:rgba(28,20,18,.06);
  --borde-activo-rojo:#c8102e;
  --borde-activo-rojo-a4:rgba(255,139,122,.4);
  --borde-activo-rojo-a7:rgba(225,29,46,.7);
  --borde-activo-rojo-a7-2:rgba(255,139,122,.7);
  --borde-activo-rojo-a8:rgba(225,29,46,.8);
  --borde-activo-rojo-a8-2:rgba(255,139,122,.8);
  --borde-crema:#f1e6de;
  --borde-negro-a05:rgba(0,0,0,.05);
  --borde-rojo:#ff8b7a;
  --borde-rojo-a28:rgba(217,74,51,.28);
  --borde-salmon:#c2410c;
  --borde-salmon-claro:#e7d8cf;
  --borde-salmon-claro-2:#eadfd6;
  --color-negro:#000;
  --color-negro-a55:rgba(0,0,0,.55);
  --fondo-activo-blanco-a9:rgba(255,255,255,.9);
  --fondo-activo-rojo-a22:rgba(225,29,46,.22);
  --fondo-activo-rojo-claro:#fff5f5;
  --fondo-activo-salmon-claro:#fff6ef;
  --fondo-ambar:#fbbf24;
  --fondo-ambar-2:#fde68a;
  --fondo-ambar-claro:#fff7e6;
  --fondo-arena:#b8a59d;
  --fondo-arena-2:#c9bcb3;
  --fondo-azul:#1d4ed8;
  --fondo-azul-claro:#eef0fb;
  --fondo-azul-claro-2:#eef5ff;
  --fondo-blanco:#fff;
  --fondo-blanco-a72:rgba(255,253,251,.72);
  --fondo-blanco-a75:rgba(255,255,255,.75);
  --fondo-blanco-a92:rgba(255,255,255,.92);
  --fondo-blanco-a94:rgba(255,255,255,.94);
  --fondo-cafe:#806a62;
  --fondo-crema:#e6f6ec;
  --fondo-crema-10:#f6f1eb;
  --fondo-crema-11:#f8f3ef;
  --fondo-crema-12:#faf6f2;
  --fondo-crema-13:#fbf6f1;
  --fondo-crema-2:#eee6e1;
  --fondo-crema-3:#efe6df;
  --fondo-crema-4:#f1e6df;
  --fondo-crema-5:#f3e9e4;
  --fondo-crema-6:#f3ebe4;
  --fondo-crema-7:#f3ece6;
  --fondo-crema-8:#f3ece7;
  --fondo-crema-9:#f6e7e1;
  --fondo-crema-a9:rgba(246,241,235,.9);
  --fondo-hover-blanco-a7:rgba(255,255,255,.7);
  --fondo-hover-blanco-a8:rgba(255,255,255,.8);
  --fondo-hover-crema:#efe5de;
  --fondo-hover-crema-2:#f1e9e3;
  --fondo-hover-crema-3:#faf6f3;
  --fondo-hover-rojo-claro:#fde8e8;
  --fondo-hover-rojo-claro-2:#ffe3dd;
  --fondo-hover-rojo-claro-3:#fff3f0;
  --fondo-hover-salmon-claro:#fff6f3;
  --fondo-negro-a04:rgba(0,0,0,.04);
  --fondo-negro-a18:rgba(0,0,0,.18);
  --fondo-negro-a86:rgba(12,8,7,.86);
  --fondo-negro-a9:rgba(12,8,7,.9);
  --fondo-rojo:#e11d2e;
  --fondo-rojo-2:#ff0000;
  --fondo-rojo-3:#ff6a5c;
  --fondo-rojo-4:#ffb3a8;
  --fondo-rojo-a32:rgba(255,139,122,.32);
  --fondo-rojo-claro:#fff1ee;
  --fondo-rojo-claro-a28:rgba(255,196,184,.28);
  --fondo-rosa-claro:#fdf2f8;
  --fondo-salmon:#d9cbc5;
  --fondo-salmon-2:#f08a4b;
  --fondo-salmon-claro:#efe6dc;
  --fondo-salmon-claro-2:#fff1e6;
  --fondo-salmon-claro-3:#fff6eb;
  --fondo-salmon-claro-4:#fff7f4;
  --fondo-salmon-claro-5:#fff8f6;
  --fondo-salmon-claro-6:#fffaf6;
  --fondo-salmon-claro-7:#fffaf7;
  --fondo-salmon-claro-a92:rgba(255,250,245,.92);
  --fondo-tinta:#1a1210;
  --fondo-tinta-2:#1c1412;
  --fondo-tinta-3:#2a201c;
  --fondo-tinta-a0:rgba(28,20,18,0);
  --fondo-tinta-a45:rgba(28,20,18,.45);
  --fondo-tinta-a62:rgba(28,20,18,.62);
  --fondo-tinta-a78:rgba(28,20,18,.78);
  --fondo-tinta-a86:rgba(28,20,18,.86);
  --fondo-verde:#3fb36f;
  --fondo-verde-a22:rgba(198,232,208,.22);
  --fondo-verde-claro:#eefbf3;
  --fondo-verde-oscuro:#1f8a4c;
  --sombra-activo-rojo-a55:rgba(225,29,46,.55);
  --sombra-activo-tinta-a04:rgba(28,20,18,.04);
  --sombra-activo-tinta-a05:rgba(28,20,18,.05);
  --sombra-activo-tinta-a08:rgba(28,20,18,.08);
  --sombra-activo-tinta-a55:rgba(28,20,18,.55);
  --sombra-hover-rojo-a10:rgba(225,29,46,.10);
  --sombra-hover-tinta-a04:rgba(60,30,20,.04);
  --sombra-hover-cafe-a06:rgba(80,40,30,.06);
  --sombra-hover-cafe-a08:rgba(80,40,30,.08);
  --sombra-hover-cafe-a12:rgba(120,60,40,.12);
  --sombra-hover-tinta-a2:rgba(60,30,20,.2);
  --sombra-tinta-a08:rgba(20,10,8,.08);
  --sombra-negro-a12:rgba(0,0,0,.12);
  --sombra-negro-a14:rgba(0,0,0,.14);
  --sombra-negro-a15:rgba(0,0,0,.15);
  --sombra-negro-a25:rgba(0,0,0,.25);
  --sombra-negro-a28:rgba(0,0,0,.28);
  --sombra-negro-a35:rgba(0,0,0,.35);
  --sombra-negro-a4:rgba(0,0,0,.4);
  --sombra-negro-a45:rgba(0,0,0,.45);
  --sombra-rojo-a06:rgba(225,29,46,.06);
  --sombra-rojo-a12:rgba(225,29,46,.12);
  --sombra-rojo-a18:rgba(225,29,46,.18);
  --sombra-rojo-a35:rgba(225,29,46,.35);
  --sombra-rojo-a45:rgba(225,29,46,.45);
  --sombra-rojo-a55:rgba(255,139,122,.55);
  --sombra-tinta-a12-2:rgba(80,30,20,.12);
  --sombra-tinta-a2-2:rgba(80,30,20,.2);
  --sombra-tinta-a03:rgba(60,30,20,.03);
  --sombra-cafe-a03:rgba(80,40,30,.03);
  --sombra-cafe-a035:rgba(80,40,30,.035);
  --sombra-cafe-a04:rgba(80,40,30,.04);
  --sombra-tinta-a05:rgba(60,30,20,.05);
  --sombra-tinta-a06:rgba(60,30,20,.06);
  --sombra-tinta-a08-2:rgba(60,20,10,.08);
  --sombra-tinta-a08-3:rgba(60,30,20,.08);
  --sombra-cafe-a08:rgba(120,60,40,.08);
  --sombra-tinta-a1:rgba(60,30,20,.1);
  --sombra-tinta-a12:rgba(60,30,20,.12);
  --sombra-tinta-a14:rgba(28,20,18,.14);
  --sombra-tinta-a14-2:rgba(60,30,20,.14);
  --sombra-cafe-a15:rgba(113,63,18,.15);
  --sombra-cafe-a16:rgba(80,40,30,.16);
  --sombra-tinta-a18:rgba(28,20,18,.18);
  --sombra-tinta-a18-2:rgba(60,20,10,.18);
  --sombra-tinta-a18-3:rgba(60,30,20,.18);
  --sombra-cafe-a18:rgba(80,40,30,.18);
  --sombra-tinta-a2:rgba(28,20,18,.2);
  --sombra-tinta-a25:rgba(28,20,18,.25);
  --sombra-verde-oscuro-a0:rgba(31,138,76,0);
  --sombra-verde-oscuro-a5:rgba(31,138,76,.5);
  --texto-arena:#a8948c;
  --texto-arena-2:#b09c95;
  --texto-arena-3:#cbbcb5;
  --texto-cafe-5:#6d564e;
  --texto-cafe-7:#76615a;
  --texto-cafe-8:#7a6a60;
  --texto-cafe-11:#8f7a73;
  --texto-rojo:#9b1c1c;
  --texto-rojo-2:#b4141f;
  --texto-rojo-3:#b4232f;
  --texto-rojo-4:#b91c1c;
  --texto-rojo-5:#c0172a;
  --texto-tinta:#3d2b26;
  --texto-cafe:#4a3833;
  --texto-cafe-2:#5b4038;
  --texto-cafe-3:#5c463f;
  --texto-cafe-4:#6b4a12;
  --texto-cafe-6:#713f12;
  --texto-cafe-9:#7c2d12;
  --texto-cafe-10:#8a3b12;
  --texto-cafe-12:#9a3412;
  --texto-verde-oscuro:#14532d;
  --texto-verde-oscuro-2:#166534;
  --texto-verde-oscuro-3:#17703c;
  /* Tonos de secciones, menus y avatares (js/index.js TONOS) */
  --tono-rojo-fondo:#fff1ee; --tono-rojo-texto:#b91c1c; --tono-verde-fondo:#eefbf3; --tono-verde-texto:#166534;
  --tono-naranja-fondo:#fff6eb; --tono-naranja-texto:#c2410c; --tono-rosa-fondo:#fdf2f8; --tono-rosa-texto:#be185d;
  --tono-morado-fondo:#f5f1ff; --tono-morado-texto:#6d28d9; --tono-azul-fondo:#eef5ff; --tono-azul-texto:#1d4ed8;
  --tono-cafe-fondo:#f7efe8; --tono-cafe-texto:#8a4b24; --tono-tinta-fondo:#f1ece8; --tono-tinta-texto:#1c1412;
  /* Avatares de iniciales (fondo/letra), en el mismo orden que tema.json -> avatares */
  --avatar-1-fondo:#e11d2e; --avatar-1-texto:#fff;
  --avatar-2-fondo:#1c1412; --avatar-2-texto:#fff;
  --avatar-3-fondo:#ff8b7a; --avatar-3-texto:#1c1412;
  --avatar-4-fondo:#1f8a4c; --avatar-4-texto:#fff;
  --avatar-5-fondo:#c2410c; --avatar-5-texto:#fff;
  --avatar-6-fondo:#fff1ee; --avatar-6-texto:#b91c1c;
  /* Degradado de los botones principales (.btn): 3 tonos que ya son de este tema (naranja quemado, rojo y rojo profundo); letra blanca >= 4.5:1 */
  --boton-1:#c2410c; --boton-2:#e11d2e; --boton-3:#b91c1c;
}

/* Mantel de cocina: cuadros de mantel (tomate en horizontal, albahaca en vertical) y trama de lino muy tenues sobre
   el crema. Solo CSS (sin imagen: no pesa ni afecta el LCP); las tarjetas son opacas, asi que el contraste AA no cambia. */
body {
  background:
    repeating-linear-gradient(0deg, rgba(225,29,46,.035) 0 14px, transparent 14px 28px),
    repeating-linear-gradient(90deg, rgba(31,138,76,.03) 0 14px, transparent 14px 28px),
    repeating-linear-gradient(45deg, rgba(28,20,18,.018) 0 1px, transparent 1px 4px),
    radial-gradient(900px 420px at 0% -12%, rgba(255,139,122,.16), transparent 64%),
    radial-gradient(760px 380px at 100% -18%, rgba(31,138,76,.08), transparent 60%),
    var(--bg);
}
/* v42 cursores del tema (PNG 32x32; punto activo en la punta; si no carga queda el cursor del sistema) */
html, body { cursor: url("cursores/flecha.png") 4 3, auto; }
:root :is(a[href], button:not(:disabled), [role="button"], [role="tab"], [role="menuitem"], [role="radio"], [role="checkbox"], [role="option"], label[for], select, summary, input[type="checkbox"], input[type="radio"], input[type="submit"], input[type="button"], input[type="range"], [data-compartir]) { cursor: url("cursores/mano.png") 12 2, pointer; }
:root :is(input:not([type]), input[type="text"], input[type="search"], input[type="email"], input[type="password"], input[type="url"], input[type="tel"], input[type="number"], textarea, [contenteditable="true"]) { cursor: url("cursores/texto.png") 16 16, text; }