/* ──────────────────────────────────────────────────────────────────────────
   Mind — hoja de marca para Zammad
   La inyecta branding/nginx/default.conf en cada HTML servido por mind-proxy.
   La imagen oficial de Zammad no se toca, así que un upgrade nunca pisa esto.

   Zammad tematiza toda su interfaz con variables CSS, y muchas derivan unas
   de otras (el menú sale de --background-tertiary/-quaternary, la pestaña
   activa de --button-primary-background). Por eso aquí solo se redefinen las
   pocas variables raíz: el resto de la interfaz se recolorea sola. Se evita a
   propósito apuntar a clases de Zammad, que cambian entre versiones.

   Los colores de estado (--supergood-color, --danger-color, --pending-color…)
   se dejan intactos: son semánticos, no marca. Teñirlos de azul Mind haría la
   herramienta más bonita y menos legible.

   Paleta oficial del manual de marca:
     Azul Mind         #15157E   tints  #D0D0E5 #A1A1CB #7373B2 #444498
     Azul Oscuro Mind  #151551   tints  #D0D0DC #A1A1B9 #737397 #444474
     Verde Mind        #46ED72
   ────────────────────────────────────────────────────────────────────────── */

/* Outfit, la tipografía corporativa. Va auto-alojada porque la CSP de Zammad
   es 'style-src self' y 'font-src self data:': un enlace a Google Fonts se
   bloquea en silencio y la interfaz cae al sans-serif del sistema. */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/mind-brand/assets/fonts/outfit-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/mind-brand/assets/fonts/outfit-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  /* Paleta, para no repetir hex sueltos más abajo. */
  --mind-azul:          #15157E;
  --mind-azul-oscuro:   #151551;
  --mind-azul-medio:    #444498;
  --mind-azul-claro:    #7373B2;
  --mind-azul-palido:   #A1A1CB;
  --mind-azul-niebla:   #D0D0E5;
  --mind-verde:         #46ED72;

  /* Acción primaria: botones de crear/guardar y, por herencia,
     la pestaña activa del menú lateral. */
  --button-primary-background:        var(--mind-azul);
  --button-primary-background-active: var(--mind-azul-oscuro);

  /* Menú lateral y barra de tareas. --menu-background-primary deriva de
     quaternary y --menu-background-secondary de tertiary. */
  --background-quaternary: var(--mind-azul-oscuro);
  --background-tertiary:   var(--mind-azul);
  --background-active:     var(--mind-azul-oscuro);

  /* Foco, selección y enlaces. */
  --highlight:            var(--mind-azul);
  --text-link:            var(--mind-azul);
  --text-nav:             var(--mind-azul);
  --border-highlight:     var(--mind-azul-medio);
  --shadow-highlight:     var(--mind-azul-niebla);
  --background-highlight: var(--mind-azul-niebla);

  /* Velo de los diálogos modales. */
  --backdrop-clue-start: hsla(240, 71%, 29%, 0.1);
  --backdrop-clue-end:   hsla(240, 71%, 29%, 0.9);
}

/* Tema oscuro. Sobre fondo oscuro el azul Mind base no tiene contraste
   suficiente para texto ni foco, así que enlaces y resaltes usan los tints
   claros del manual. Los botones conservan texto blanco sobre azul medio. */
[data-theme='dark'] {
  --button-primary-background:        var(--mind-azul-medio);
  --button-primary-background-active: var(--mind-azul);

  --highlight:            var(--mind-azul-claro);
  --text-link:            var(--mind-azul-palido);
  --text-nav:             var(--mind-azul-palido);
  --border-highlight:     var(--mind-azul-claro);
  --shadow-highlight:     var(--mind-azul-oscuro);
  --background-highlight: var(--mind-azul-oscuro);
}

/* Tipografía corporativa en toda la interfaz. Zammad declara su pila de
   fuentes en varios sitios, de ahí el alcance amplio; el peso y el tamaño
   los sigue decidiendo Zammad. */
body,
input, textarea, select, button {
  font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI',
               Roboto, Helvetica, Arial, sans-serif;
}

/* ──────────────────────────────────────────────────────────────────────────
   Excepción: el icono de la esquina superior del menú.

   Zammad lo pinta con su propio sprite (#icon-logo, el colibrí), no con el
   logo de producto, así que no hay ajuste que lo cambie. Es lo primero que
   se ve al entrar, de modo que aquí sí se apunta a clases de Zammad para
   sustituirlo por el isotipo de Mind.

   Esto es lo único frágil de esta hoja: si un upgrade renombra .icon-logo,
   vuelve a salir el colibrí (no se rompe nada más). Comprobar tras
   actualizar — está anotado en docs/operacion.md.
   ────────────────────────────────────────────────────────────────────────── */
#navigation .logo .icon-logo {
  background: url('/mind-brand/assets/mind-isotipo-blanco.svg') center / 32px 32px no-repeat;
}
#navigation .logo .icon-logo use {
  display: none;
}