/* ===========================================================================
   theme-sage-calm.css — PALETA "Sage Calm" (teal sereno)
   Calma, equilibrio, bienestar. Ideal para monitoreo continuo.
   Requiere theme-base.css. Se activa con UI_THEME=sage-calm en .env.
   =========================================================================== */
:root{
  /* Marca / acentos */
  --mnd-blue:#0E9CA5;        --mnd-blue-hover:#0B828A;
  --mnd-purple:#577697;      --mnd-purple-dark:#45607B;
  --mnd-green:#34B36A;       --mnd-green-dark:#1E834A;
  --mnd-orange:#E5920A;      --mnd-orange-dark:#BF7500;
  --mnd-red:#E24A4A;         --mnd-red-dark:#C22E2E;
  /* Texto / superficies — fondo NEUTRALIZADO (acordado con cliente, ronda 3):
     gris niebla casi blanco con micro-tinte frío (~0,8%), sin verde.
     Plan B neutro puro si el fondo "azulea" en monitores fríos:
       --mnd-bg:#F6F6F6; --mnd-surface-2:#EFEFEF;
       --mnd-border:#E3E4E4; --mnd-border-strong:#C9CBCB; */
  --mnd-text:#143034;        --mnd-text-muted:#52686C;
  --mnd-bg:#F6F7F8;          --mnd-surface:#FFFFFF;  --mnd-surface-2:#EFF1F2;
  --mnd-border:#E2E6E8;      --mnd-border-strong:#C8CFD2;
  /* Menú: "dónde estoy" (tinta profundo, 6.3:1 c/ blanco) vs botones "qué
     puedo hacer" (teal vivo #0E9CA5). No comparten color. */
  --mnd-nav-active:#0A6A71;  --mnd-nav-open-bg:rgba(14,156,165,.10);
  /* Foco (derivado del primario) + compat AdminLTE */
  --mnd-focus:0 0 0 3px rgba(14,156,165,.35);
  --primary:#0E9CA5;
}