/* tokens.css — valores de reserva (fallback). O /api/tema.css do servidor sobrescreve as cores. */
:root {
  --primary-color: #2d9fa3;
  --secondary-color: #088a6e;
  --text-color: #333333;
  --border-color: #dddddd;
  --success-color: #28a745;
  --warning-color: #ffc107;
  --danger-color: #dc3545;
  --background-color: #fafafa;
  --surface-color: #ffffff;

  --radius: 18px;
  --radius-sm: 12px;
  --sombra-cor: rgba(0, 0, 0, .08);
  --shadow: 0 8px 30px var(--sombra-cor);
  --shadow-forte: 0 18px 50px rgba(0, 0, 0, .22);
  --menu-w: 240px;
  --menu-w-min: 76px;
  --on-primary: #ffffff;   /* tema.js recalcula conforme a cor primária */
  --muted: #6b7280;
  --hover-bg: rgba(0, 0, 0, .05);   /* fundo ao passar o mouse (tema.js troca nos fundos escuros) */
}