/* Colores de Toolmix (21-oct-2026): la estetica ORIGINAL (degradados, brillos y
   distribucion de siempre) con los colores COBRE (naranja tostado sobre grises).
   Primo probo grafito/lino/pizarra y tonos; se quedo con esta. Las plantillas
   llevan <html data-tono="cobre">. Solo se redefinen las variables de color de
   las hojas de siempre (portada/guias: card, ink, line... / herramientas:
   surface, text, border...); --glow y las sombras siguen el acento solas. */
:root[data-tono="cobre"]:not([data-estilo]):not([data-theme="light"]) {
  --bg: #1e1f22; --bg2: #232428; --card: #26282c; --card2: #2d2f34; --line: #393b41;
  --ink: #e6e6e8; --ink2: #c9c9cd; --muted: #9a9ba1;
  --surface: #26282c; --surface2: #2d2f34; --surface3: #33353a; --border: #393b41; --border2: #4a4c53;
  --text: #e6e6e8; --text-muted: #9a9ba1; --text-dim: #5f6066;
  --accent: #f0904f; --accent-h: #f5a772; --accent-d: #d9773a; --accent-2: #e0b48f;
  --accent-rgb: 240, 144, 79; --accent-dim: rgba(240, 144, 79, .14); --on-accent: #1e1f22;
}
:root[data-tono="cobre"]:not([data-estilo])[data-theme="light"] {
  --bg: #f3f3f2; --bg2: #fafafa; --card: #fbfbfa; --card2: #e9e9e7; --line: #dcdcd9;
  --ink: #2a2a2c; --ink2: #44444a; --muted: #6f6f74;
  --surface: #fbfbfa; --surface2: #e9e9e7; --surface3: #e0e0de; --border: #dcdcd9; --border2: #c9c9c5;
  --text: #2a2a2c; --text-muted: #6f6f74; --text-dim: #a3a3a8;
  --accent: #c8611f; --accent-h: #b05419; --accent-d: #924514; --accent-2: #a8743f;
  --accent-rgb: 200, 97, 31; --accent-dim: rgba(200, 97, 31, .10); --on-accent: #ffffff;
}

/* Menu lateral de las herramientas pegado a la ventana (21-oct): la version
   del pie se ve siempre abajo de la pantalla, no al final de la pagina. */
@media (min-width: 721px) {
  .sidebar { position: sticky; top: 0; height: 100vh; overflow-y: auto; align-self: flex-start; }
}