/* tema: Sky | color: #3fa3c0 | orden: 20
   ---------------------------------------------------------------------------
   Cian sereno. No choca con ninguna familia de estado.
   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:   #3fa3c0;
  --accent-2: #52b8d6;
  --accent-d: #317387;
  --wash:     color-mix(in srgb, var(--accent) 8%, #fff);
  --wash-2:   color-mix(in srgb, var(--accent) 15%, #fff);

  --ink:   #263236;
  --muted: #687c82;
  --faint: #96a6ab;
  --bg:    #f2f8fa;
  --panel: #ffffff;
  --line:  #e4eef1;
  --line-2:#edf5f7;

  --shadow: 0 12px 40px -12px rgba(18,42,49,.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:      #3c6977;
  --side-2:      #2b4b54;
  --side-3:      #1e3339;
  --side-sh:     rgba(18,42,49,.5);
  --side-sel:    #5796a8;
  --side-ico:    #a2d7e6;
  --side-ico-on: #bdecfa;
  --side-ico-2:  #97c9d8;
}