/* theme-accent.css — Color de marca propio de PhosCore (violeta — hub de la suite).
   Base compartida (tipografía, spacing, sidebar, botones) en
   theme-light.css + theme-dark.css + phos-shell.css, idéntica en toda la suite. */
:root {
  --accent: #7c3aed;
  --accent-hover: #6d28d9;
  --accent-dim: rgba(124, 58, 237, .12);
  --teal: #7c3aed;
  --teal-dim: rgba(124, 58, 237, .10);
  --sb-avatar-bg: #7c3aed;

  /* Colores de marca de los demás productos de la suite (showcase del login hero,
     que es pre-autenticación y no puede pedir GET /api/productos). Valores canónicos
     documentados en AGENTS.md. */
  --brand-phosflow: #0d9488;
  --brand-phosflow-2: #2dd4bf;
  --brand-phossigna: #d97706;
  --brand-phossigna-2: #fbbf24;
  --brand-phosinsight: #2563eb;
  --brand-phosinsight-2: #60a5fa;
  --brand-phosecho: #be123c;
  --brand-phosecho-2: #fb7185;
  --brand-phosmonitor: #16a34a;
  --brand-phosmonitor-2: #4ade80;
}
:root[data-theme="dark"] {
  --accent: #a78bfa;
  --accent-hover: #c4b5fd;
  --accent-dim: rgba(167, 139, 250, .16);
  --teal: #a78bfa;
  --teal-dim: rgba(167, 139, 250, .14);
  --sb-avatar-bg: #a78bfa;
}