/* ==========================================================================
   Syntis — Design Tokens (fundação de identidade)
   Fonte: Brand Book Syntis — 01 Visual Identity Foundations (v0.3)
   Tema resolvido por [data-theme] no elemento raiz.
   O bloco @media cobre a primeira visita sem escolha explícita do usuário.
   ========================================================================== */

/* ---- Tema claro (padrão) ---- */
:root,
:root[data-theme="light"] {
  /* Marca e ação */
  --brand-primary: #013EEC;        /* texto/ação */
  --brand-primary-hover: #0130C4;
  --brand-primary-fill: #013EEC;   /* preenchimento — igual nos dois temas */
  --brand-secondary: #0B1320;      /* navy / base da sidebar */
  --brand-accent: #013EEC;
  --brand-focus: #013EEC;

  /* Superfícies e texto */
  --brand-background: #F8FAFC;
  --brand-surface: #FFFFFF;
  --brand-surface-elevated: #FFFFFF;
  --brand-border: #E2E8F0;
  --brand-text-primary: #0B1320;
  --brand-text-secondary: #64748B;

  /* Feedback */
  --brand-feedback-success: #15803D;
  --brand-feedback-warning: #B45309;
  --brand-feedback-error: #DC2626;
  --brand-feedback-info: #013EEC;
}

/* ---- Tema escuro ---- */
:root[data-theme="dark"] {
  --brand-primary: #60A5FA;        /* texto/ação sobre escuro */
  --brand-primary-hover: #3B82F6;
  --brand-primary-fill: #013EEC;   /* preenchimento permanece o azul de marca */
  --brand-secondary: #0B1320;
  --brand-accent: #60A5FA;
  --brand-focus: #60A5FA;

  --brand-background: #0B0F19;
  --brand-surface: #111827;
  --brand-surface-elevated: #1E293B;
  --brand-border: #222C3E;
  --brand-text-primary: #F8FAFC;
  --brand-text-secondary: #94A3B8;

  --brand-feedback-success: #4ADE80;
  --brand-feedback-warning: #FBBF24;
  --brand-feedback-error: #F87171;
  --brand-feedback-info: #60A5FA;
}

/* ---- Primeira visita: seguir o sistema quando não há escolha explícita ---- */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --brand-primary: #60A5FA;
    --brand-primary-hover: #3B82F6;
    --brand-primary-fill: #013EEC;
    --brand-accent: #60A5FA;
    --brand-focus: #60A5FA;
    --brand-background: #0B0F19;
    --brand-surface: #111827;
    --brand-surface-elevated: #1E293B;
    --brand-border: #222C3E;
    --brand-text-primary: #F8FAFC;
    --brand-text-secondary: #94A3B8;
    --brand-feedback-success: #4ADE80;
    --brand-feedback-warning: #FBBF24;
    --brand-feedback-error: #F87171;
    --brand-feedback-info: #60A5FA;
  }
}

/* ---- Sidebar: navy nos dois temas (dual-tone) ---- */
.sidebar {
  background: var(--brand-secondary); /* #0B1320 */
  color: #F8FAFC;
}