/* tema: Space | color: #3a3842 | orden: 70
   ---------------------------------------------------------------------------
   Grafito sobre papel cálido, para marcas en negro. El acento no aporta matiz: el peso y el relleno hacen el trabajo.
   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:   #3a3842;
  --accent-2: #56535f;
  --accent-d: #211f27;
  --wash:     color-mix(in srgb, var(--accent) 8%, #fff);
  --wash-2:   color-mix(in srgb, var(--accent) 15%, #fff);

  --ink:   #1b1a1f;
  --muted: #6a6771;
  --faint: #9b98a2;
  --bg:    #f7f6f4;
  --panel: #ffffff;
  --line:  #e6e3df;
  --line-2:#f2f0ec;

  --shadow: 0 12px 40px -12px rgba(24,22,28,.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:      #2e2c34;
  --side-2:      #1e1c22;
  --side-3:      #121116;
  --side-sh:     rgba(24,22,28,.5);
  --side-sel:    #55525e;
  --side-ico:    #b9b5c2;
  --side-ico-on: #d8d4e0;
  --side-ico-2:  #a29fac;
}