/*
  tokens.css
  Fonte única da identidade visual do protótipo.
  Paleta provisória baseada no material de referência (Plano de Tráfego Pago 2026).
  Ao migrar para WordPress, estes valores alimentam theme.json (ver documentacao/mapa-elementor.md).
*/

:root {
  /* Cores principais */
  --adjuto-color-navy-900: #0c2a4a;
  --adjuto-color-navy-800: #123a63;
  --adjuto-color-navy-700: #1b4d7e;
  --adjuto-color-navy-600: #2a628f;

  /* Base clara */
  --adjuto-color-white: #ffffff;
  --adjuto-color-offwhite: #f6f9fc;
  --adjuto-color-blue-light: #e9f2fa;
  --adjuto-color-blue-lighter: #f3f8fc;

  /* Destaque discreto */
  --adjuto-color-gold: #c79a2e;
  --adjuto-color-gold-light: #faf3df;

  /* Indicador secundário (uso pontual, não é a cor de identidade) */
  --adjuto-color-green: #2f8f5b;
  --adjuto-color-green-light: #eaf7ef;

  /* Texto */
  --adjuto-color-text: #1b2733;
  --adjuto-color-text-muted: #55636f;
  --adjuto-color-text-on-dark: #f2f6fa;
  --adjuto-color-text-on-dark-muted: #c3d3e0;

  /* Bordas e superfícies */
  --adjuto-color-border: #dfe6ec;
  --adjuto-color-border-strong: #c3ccd4;
  --adjuto-color-surface: #ffffff;

  /* Estados */
  --adjuto-color-focus: #1b4d7e;
  --adjuto-color-danger: #a83232;

  /* Tipografia */
  --adjuto-font-base:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
    Arial, sans-serif;
  --adjuto-font-size-sm: 0.875rem;
  --adjuto-font-size-base: 1rem;
  --adjuto-font-size-md: 1.125rem;
  --adjuto-font-size-lg: 1.375rem;
  --adjuto-font-size-xl: 1.875rem;
  --adjuto-font-size-xxl: 2.5rem;
  --adjuto-line-height-tight: 1.2;
  --adjuto-line-height-base: 1.55;

  /* Espaçamento */
  --adjuto-space-1: 0.25rem;
  --adjuto-space-2: 0.5rem;
  --adjuto-space-3: 0.75rem;
  --adjuto-space-4: 1rem;
  --adjuto-space-5: 1.5rem;
  --adjuto-space-6: 2rem;
  --adjuto-space-7: 3rem;
  --adjuto-space-8: 4.5rem;

  /* Bordas arredondadas discretas */
  --adjuto-radius-sm: 6px;
  --adjuto-radius-md: 12px;
  --adjuto-radius-lg: 20px;
  --adjuto-radius-pill: 999px;

  /* Sombras suaves */
  --adjuto-shadow-sm: 0 1px 3px rgba(12, 42, 74, 0.08);
  --adjuto-shadow-md: 0 8px 24px rgba(12, 42, 74, 0.12);
  --adjuto-shadow-lg: 0 16px 40px rgba(12, 42, 74, 0.16);

  /* Layout */
  --adjuto-container-max: 1160px;
  --adjuto-header-height: 72px;

  /* Transições curtas (nada chamativo) */
  --adjuto-transition-fast: 150ms ease;
  --adjuto-transition-base: 220ms ease;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --adjuto-transition-fast: 0ms;
    --adjuto-transition-base: 0ms;
  }
}