/* ==========================================================================
   tokens.css
   Tokens de design baseados em Material Design 3.0
   ========================================================================== */

:root {
  /* Cores primárias (Azul Naval corporativo) */
  --md-primary: #0A3D62;
  --md-primary-hover: #072B47;
  --md-primary-active: #051F33;
  --md-on-primary: #FFFFFF;
  --md-primary-container: #D8E4F5;
  --md-on-primary-container: #031422;

  /* Cores secundárias (Verde Confiança) */
  --md-secondary: #27AE60;
  --md-secondary-hover: #1E874A;
  --md-secondary-container: #D4F0DD;
  --md-on-secondary-container: #062B19;

  /* Cores terciárias (Linha Dourada Premium) */
  --md-tertiary: #C9A66B;
  --md-tertiary-container: #FCE6C6;
  --md-on-tertiary-container: #3B1F02;

  /* Erro */
  --md-error: #B3261E;
  --md-error-container: #F9DEDC;
  --md-on-error: #FFFFFF;
  --md-on-error-container: #410E0B;

  /* Superfícies e tons neutros (Cinza Ardósia) */
  --md-background: #F1F4F8;
  --md-on-background: #1B1F23;
  --md-surface: #FFFFFF;
  --md-surface-dim: #E8ECEF;
  --md-surface-bright: #FFFFFF;
  --md-surface-container-lowest: #FFFFFF;
  --md-surface-container-low: #F1F4F8;
  --md-surface-container: #E8ECEF;
  --md-surface-container-high: #DDE2E7;
  --md-surface-container-highest: #D3D8DF;
  --md-on-surface: #1B1F23;
  --md-on-surface-variant: #4B5563;
  --md-outline: #C2CAD5;
  --md-outline-variant: #DCE3EC;

  /* Sombras M3 (3 níveis) */
  --md-elev-1: 0 1px 2px rgba(15, 30, 50, 0.08), 0 1px 3px rgba(15, 30, 50, 0.06);
  --md-elev-2: 0 2px 6px rgba(15, 30, 50, 0.10), 0 1px 2px rgba(15, 30, 50, 0.06);
  --md-elev-3: 0 4px 16px rgba(15, 30, 50, 0.12), 0 2px 6px rgba(15, 30, 50, 0.08);

  /* Tipografia */
  --md-font-display: 'Inter', system-ui, -apple-system, Segoe UI, sans-serif;
  --md-font-body: 'Inter', system-ui, -apple-system, Segoe UI, sans-serif;

  /* Raios */
  --md-radius-xs: 4px;
  --md-radius-sm: 8px;
  --md-radius-md: 12px;
  --md-radius-lg: 16px;
  --md-radius-xl: 24px;
  --md-radius-pill: 999px;

  /* Espaçamentos (múltiplos de 4) */
  --md-space-1: 4px;
  --md-space-2: 8px;
  --md-space-3: 12px;
  --md-space-4: 16px;
  --md-space-5: 20px;
  --md-space-6: 24px;
  --md-space-8: 32px;
  --md-space-10: 40px;
  --md-space-12: 48px;
  --md-space-16: 64px;
  --md-space-20: 80px;

  /* Transições */
  --md-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);
  --md-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --md-dur-short: 150ms;
  --md-dur-medium: 250ms;
  --md-dur-long: 400ms;

  /* Larguras */
  --md-container: 1180px;
}

@media (prefers-color-scheme: dark) {
  /* Mantemos tema claro para fidelidade institucional; o cliente pediu Material
     Design 3 com paleta clara para legibilidade. */
}