/* =====================================================================
   Slowly · Tema compartido (MUST 360 de diseño)
   ---------------------------------------------------------------------
   UNA sola fuente de verdad para los colores de TODO el ecosistema interno.
   Cada herramienta lo carga con:
     <link rel="stylesheet" href="/internal/_shared/theme.css">
   y usa SOLO estas variables (nunca colores quemados). Cambiar un color del
   ecosistema = una sola edicion aqui.

   Dirección (Shinta, v2.26): menos "corporativo", más comfort / como en casa.
   Base off-white cálida, detalles en azul (Gallery Blue), banners en naranja
   terracota. Referencias: Gallery Blue #0B369A · Burnt Terracotta #C34811 ·
   Stone Linen #D9D1CA.
   ===================================================================== */

:root {
  /* --- Bases (off-white cálido, comfort) --- */
  --bg:          #f4f1eb;   /* fondo de página */
  --surface:     #ffffff;   /* tarjetas e inputs (máxima legibilidad) */
  --surface-2:   #ece6dc;   /* realce / hover / encabezados de tabla */
  --border:      #d9d1ca;   /* Stone Linen */
  --border-soft: #e7e1d8;

  /* --- Tinta --- */
  --text:     #161427;      /* tinta índigo oscura (no negro plano) */
  --text-dim: #6e6a63;      /* texto secundario / apagado */

  /* --- Azul principal (detalles, botones, foco, links) --- */
  --accent:      #0b369a;   /* Gallery Blue */
  --accent-ink:  #ffffff;   /* texto sobre el azul */
  --accent-soft: #e3e8f4;   /* fondo azul muy claro (chips/badges info) */

  /* --- Naranja cálido (banners, acentos, llamadas suaves) --- */
  --warm:      #c34811;     /* Burnt Terracotta */
  --warm-ink:  #ffffff;     /* texto sobre el naranja */
  --warm-soft: #f7e6db;     /* fondo naranja claro (banners suaves) */

  /* --- Semánticos --- */
  --green:       #2c6e49;   /* éxito */
  --green-soft:  #dff3e6;   /* fondo verde claro (badges OK) */
  --amber:       #b7791f;   /* aviso */
  --danger:      #b23a2e;   /* error (rojo cálido, no neón) */
  --danger-soft: #f8e4e4;   /* fondo rojo claro (hover borrar) */

  --radius: 10px;

  /* --- Alias (compat con nombres ya usados en Contratos) ---
     Permiten que esas herramientas adopten el tema sin renombrar todo. */
  --paper:       var(--bg);
  --ink:         var(--text);
  --ink-soft:    #3c3845;
  --ink-mute:    var(--text-dim);
  --ink-faint:   var(--text-dim);   /* invoice */
  --line:        var(--border);
  --line-soft:   var(--border-soft);
  --line-strong: var(--text);       /* invoice */
  --good:        var(--green);
  --red:         var(--danger);     /* login */
}

/* =====================================================================
   Logo de Slowly (esquina superior derecha) — recoloreado al azul del tema
   vía mask: el PNG aporta la forma (alpha) y el fondo aporta el color, así
   que cambia solo si cambia --accent. Cae bien en cualquier herramienta:
   <a class="slowly-logo" href="/internal/home/" aria-label="Slowly"></a>
   ===================================================================== */
.slowly-logo {
  position: fixed; top: 14px; right: 18px; z-index: 60;
  width: 96px; height: 35px; opacity: .92;
  background-color: var(--accent);
  -webkit-mask: url(/internal/_shared/slowly-logo.png) center/contain no-repeat;
          mask: url(/internal/_shared/slowly-logo.png) center/contain no-repeat;
}
.slowly-logo:hover { opacity: 1; }
@media (max-width: 1000px) { .slowly-logo { display: none; } }