/* tema: Ocean | color: #3f6fae | orden: 25
   ---------------------------------------------------------------------------
   Azul profundo, más corporativo que Sky.
   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:   #3f6fae;
  --accent-2: #4882ce;
  --accent-d: #2f4e76;
  --wash:     color-mix(in srgb, var(--accent) 8%, #fff);
  --wash-2:   color-mix(in srgb, var(--accent) 15%, #fff);

  --ink:   #262d36;
  --muted: #687482;
  --faint: #969fab;
  --bg:    #f2f6fa;
  --panel: #ffffff;
  --line:  #e4eaf1;
  --line-2:#edf2f7;

  --shadow: 0 12px 40px -12px rgba(18,31,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:      #3c5577;
  --side-2:      #2b3d54;
  --side-3:      #1e2a39;
  --side-sh:     rgba(18,31,49,.5);
  --side-sel:    #577aa8;
  --side-ico:    #a2c0e6;
  --side-ico-on: #bdd7fa;
  --side-ico-2:  #97b3d8;
}