/* tema: Fire | color: #cf7a3c | orden: 40
   ---------------------------------------------------------------------------
   Naranja terroso. REVISAR el ámbar de warn antes de producción: se parecen.
   La PALETA es lo único que define un tema: estructura, js y php se heredan de
   tpl/cloud (inc/tpl.inc.php resuelve con respaldo). Este archivo se carga al
   final, así que basta con redeclarar lo que cambia.
   Receta: accent-2 = +8 de luz / +11 de saturación · accent-d = -14 / -4 ·
   neutros = el MISMO matiz con 11-44 % de saturación. Un tema es un matiz.
   =========================================================================== */
:root{
  --accent:   #cf7a3c;
  --accent-2: #e28f52;
  --accent-d: #99592b;
  --wash:     color-mix(in srgb, var(--accent) 8%, #fff);
  --wash-2:   color-mix(in srgb, var(--accent) 15%, #fff);

  --ink:   #362d26;
  --muted: #827368;
  --faint: #ab9f96;
  --bg:    #faf5f2;
  --panel: #ffffff;
  --line:  #f1eae4;
  --line-2:#f7f1ed;

  --shadow: 0 12px 40px -12px rgba(49,31,18,.26);
  --font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;

  /* menú lateral: degradado oscuro del MISMO matiz (sólo cambia la luminosidad)
     + los tintes que van SOBRE él, que no pueden salir de --accent porque ahí
     el fondo es oscuro y un color-mix con #fff desaparece. */
  --side-1:      #77553c;
  --side-2:      #543d2b;
  --side-3:      #39291e;
  --side-sh:     rgba(49,31,18,.5);
  --side-sel:    #a87957;
  --side-ico:    #e6bfa2;
  --side-ico-on: #fad6bd;
  --side-ico-2:  #d8b397;
}