/* Cakes a Laser - tokens de cor e base compartilhada.
   Ver .claude/docs/ux-guidelines.md */
:root {
  --cal-laranja:        #F26B21;
  --cal-laranja-escuro: #D9541A;
  --cal-azul:           #1E4A5A;
  --cal-azul-claro:     #3DA9E0;
  --cal-creme:          #FBF7F0;
  --cal-branco:         #FFFFFF;
  --cal-cinza:          #6B7280;
  --cal-sucesso:        #2E9E5B;
  --cal-alerta:         #E5A400;
  --cal-erro:           #D64545;

  /* Sobrescreve o tema do Bootstrap com a marca */
  --bs-primary:        var(--cal-laranja);
  --bs-primary-rgb:    242, 107, 33;
  --bs-secondary:      var(--cal-azul);
  --bs-secondary-rgb:  30, 74, 90;
  --bs-body-color:     #2b2b2b;
  --bs-link-color:     var(--cal-azul-claro);
  --bs-border-radius:  .75rem;
}

body { font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }

/* Botão primário da marca */
.btn-primary {
  --bs-btn-bg: var(--cal-laranja);
  --bs-btn-border-color: var(--cal-laranja);
  --bs-btn-hover-bg: var(--cal-laranja-escuro);
  --bs-btn-hover-border-color: var(--cal-laranja-escuro);
  --bs-btn-active-bg: var(--cal-laranja-escuro);
  --bs-btn-active-border-color: var(--cal-laranja-escuro);
}
.btn-secondary {
  --bs-btn-bg: var(--cal-azul);
  --bs-btn-border-color: var(--cal-azul);
  --bs-btn-hover-bg: #163a47;
  --bs-btn-hover-border-color: #163a47;
}
.text-marca { color: var(--cal-azul) !important; }
a { text-decoration: none; }

/* Foco visível (acessibilidade) */
:focus-visible {
  outline: 2px solid var(--cal-azul-claro);
  outline-offset: 2px;
}

/* Cores de status de pedido (badges/bordas) */
.status-novo        { --status-cor: var(--cal-laranja); }
.status-em_preparo  { --status-cor: var(--cal-alerta); }
.status-pronto      { --status-cor: var(--cal-azul-claro); }
.status-em_entrega  { --status-cor: var(--cal-azul); }
.status-concluido   { --status-cor: var(--cal-sucesso); }
.status-cancelado   { --status-cor: var(--cal-erro); }
.badge-status {
  background: var(--status-cor, var(--cal-cinza));
  color: #fff;
}