/**
 * 🛡️ Shield365 — Global Theme & Color Tokens (Cloudflare Palette)
 * Para alterar qualquer cor globalmente, edite apenas as variáveis abaixo.
 */
:root {
  /* =========================================================
     1. BRAND / COR PRIMÁRIA (Apenas Cloudflare Orange)
     ========================================================= */
  --color-primary: #F38020;
  --color-primary-hover: #D86B13;

  /* =========================================================
     2. CORES DE SUPORTE DOMINANTES (Preto, Branco e Cinzas Neutros)
     ========================================================= */
  --color-secondary: #1D1D1F;          /* Preto Corporativo / Ações Secundárias */
  --color-secondary-hover: #2D2D30;

  --color-background: #FFFFFF;         /* Branco / Cards, Modais, Dropdowns */
  --color-background-secondary: #F5F5F5;/* Cinza Claro / Fundo da Aplicação */
  --color-surface: #FAFAFA;            /* Cinza Superfície / Inputs e Containers */

  --color-text-primary: #111111;       /* Preto Quase Puro / Títulos e Headings */
  --color-text-secondary: #666666;     /* Cinza Médio / Parágrafos e Labels */
  --color-text-muted: #888888;         /* Cinza Suave / Metadados e Timestamps */

  --color-border: #D9D9D9;             /* Cinza Borda 1px */

  /* =========================================================
     3. CORES SEMÂNTICAS (USO RESTRITO E EXCLUSIVO POR FINALIDADE)
     ========================================================= */
  --color-success: #2E9B5B;            /* Apenas: Seguro, Aprovado, 100% Concluído */
  --color-warning: #F5A623;            /* Apenas: Alerta, Risco Moderado, Atenção */
  --color-error: #D93025;              /* Apenas: Risco Crítico, Erro, Phishing, Destrutivo */
  --color-info: #2F80ED;               /* Apenas: Notas de Conformidade, Informação */
}

/* Tipografia Unificada */
body, h1, h2, h3, h4, h5, h6, p, span, input, select, textarea, button, a, b, strong, .font-heading {
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
h1, h2, h3, h4, h5, h6, .font-heading {
  letter-spacing: -0.02em;
}
.font-mono {
  font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

/* Scrollbar Sutil */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: var(--color-background-secondary);
}
::-webkit-scrollbar-thumb {
  background: var(--color-border);
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--color-text-muted);
}