/* 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-phosscribe: #2563eb;
  --brand-phosscribe-2: #60a5fa;
  --brand-phosecho: #be123c;
  --brand-phosecho-2: #fb7185;
  --brand-phosmonitor: #16a34a;
  --brand-phosmonitor-2: #4ade80;
  /* PhosStation/PhosDesk (Fase 53-55 de PhosFlow): comparten nodo/backend con PhosFlow, no tienen
     repo propio, pero sí accent propio para el showcase (mismos valores que ClavesProducto). */
  --brand-phosstation: #0284c7;
  --brand-phosstation-2: #38bdf8;
  --brand-phosdesk: #ea580c;
  --brand-phosdesk-2: #fb923c;
  /* PhosCloud (Fase 56): subproducto web de la sub-suite PhosFlow (docker-selenium/local-selenium).
     "phosflow" pasa a ser el nombre de la familia/paraguas, ya no de un producto gateado. */
  --brand-phoscloud: #0891b2;
  --brand-phoscloud-2: #22d3ee;
}
: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;
}