/* Marca del producto: nombre, logo y color primario. Es el ÚNICO archivo que hay que cambiar para re-tematizar el panel (26/10, capturas
   comerciales): el panel lee de acá el nombre (`.marca-nombre`, `utils/marca.nombreMarca`), el logo (`.marca-logo`) y la paleta del acento.
   `html:root` le gana a los `:root` de index.css (que se carga después). Las capturas cambian este archivo entero con `--theme`
   (scripts/screenshots.ts sirve otro en su lugar), sin compilar el panel. */
html:root {
  --marca-nombre: "Alpha ISP";
  --marca-logo: url("/marca/logo.svg");

  --accent: #2563eb;
  --accent2: #1d4ed8;
  --accent-bg: #eff6ff;
  --accent-border: #bfdbfe;
}
html:root[data-theme="dark"] {
  --accent: #3b82f6;
  --accent2: #60a5fa;
  --accent-bg: rgba(59,130,246,0.15);
  --accent-border: rgba(59,130,246,0.4);
}

.marca-logo { display: inline-block; width: 44px; height: 44px; background: var(--marca-logo) center / contain no-repeat; }
.marca-nombre::before { content: var(--marca-nombre); }