/* =====================================================================
   SOLINDAC — Tema visual · identidad corporativa 2026
   ---------------------------------------------------------------------
   ÚNICO fichero a tocar para adaptar la identidad: colores, tipografía,
   radio de esquinas y logo. El resto de la app consume estas variables.
   Paleta oficial SOLINDAC: verdes de marca + turquesa (sin azules).
   ===================================================================== */
:root {
  --sx-font: "Barlow", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --sx-font-display: "Oxanium", "Barlow", "Segoe UI", sans-serif;

  /* fondos y superficies */
  --sx-bg: #f2f5f3;
  --sx-surface: #ffffff;
  --sx-surface-2: #e9f0ec;

  /* tinta */
  --sx-ink: #1a2b27;
  --sx-ink-soft: #5b6b64;
  --sx-line: #d7e0da;

  /* marca */
  --sx-primary: #0e6b5e;         /* verde medio · botones */
  --sx-primary-strong: #054a3e;  /* verde oscuro · hover / títulos */
  --sx-primary-soft: #e4f0eb;    /* fondos suaves */
  --sx-accent: #00bfa5;          /* turquesa de marca */

  /* semáforo */
  --sx-ok: #0e6b5e;
  --sx-warn: #a9812f;
  --sx-bad: #a2523f;

  /* forma */
  --sx-radius: 10px;
  --sx-shadow: 0 2px 10px rgba(5, 74, 62, 0.10);

  /* logo · isotipo llama de doble trazo */
  --sx-logo-url: url('../img/logo-solindac.svg');
  --sx-logo-height: 32px;
}

/* ---- identidad SOLINDAC: tipografía y marca ------------------------- */
body { font-family: var(--sx-font); }
h1, h2, h3, .btn, .brand, .sidebar .group, .userchip, th {
  font-family: var(--sx-font-display);
}
.brand { letter-spacing: .04em; }
.brand .wm { display: inline-flex; font-size: 1.3em; line-height: 1; }
.brand .w1 { font-weight: 200; color: #aabfbb; }
.brand .w2 { font-weight: 700; color: #054a3e; }
.brand .w3 { font-weight: 800; color: #00bfa5; }
.brand .logo::before { content: none !important; }  /* fuera el marcador ◧: ya hay logo real */
.sidebar .group::before {
  content: ""; display: inline-block; width: 7px; height: 7px;
  background: var(--sx-accent); transform: rotate(45deg); margin-right: 7px;
}