/* ============================================================================
 * BOX FIBRA — Tokens de Marca Compartilhados
 *
 * Servido em /branding.css (raiz do nginx — visível pelo dashboard E pela PWA
 * em /app/, mesmo container nginx).
 *
 * Estes são os DEFAULTS — `/api/branding` sobrescreve via JS no boot. Mantenha
 * uma cópia em sincronia com `branding_settings.default_*` no banco.
 *
 * Mudou um default? Mude AQUI, não em pwa/style.css ou dashboard/styles/tokens.css.
 * ============================================================================ */

:root {
  /* ─── Cores de marca (sobrescritas por /api/branding) ───────────────────── */
  --brand-primary:    #6E136D;   /* Roxo BOX FIBRA */
  --brand-secondary:  #F88E19;   /* Amarelo */
  --brand-accent:     #EA4278;   /* Rosa */
  --brand-dark:       #4A0E49;   /* Roxo profundo */

  /* Versão clara do primary pra usar em UI sobre fundo escuro (recalculada
     em runtime por brandApplyToHeader/applyBranding com _lightenColor). */
  --brand-primary-light: #d2a8ff;

  /* ─── Cores de estado (semáforo) — usadas por dashboard e PWA ──────────── */
  /* Verde, amarelo e vermelho ficam aqui com nome canônico --status-*.
     Dashboard tokens.css mantém aliases legacy (--green, --red, --yellow). */
  --status-green:   #16a34a;
  --status-yellow:  #d97706;
  --status-red:     #dc2626;
  --status-blue:    #2563eb;
}