/* ------------------------------------------------------------------
   Tokens visuais — paleta inspirada no Carajás Vagas.
   Tudo o que é cor, sombra, raio ou espaçamento nasce aqui.
------------------------------------------------------------------ */
:root {
  /* Avisa o navegador que a própria página controla claro/escuro, para que
     campos, seleção de texto e outros elementos nativos sigam o tema do app
     em vez do tema do sistema operacional. */
  color-scheme: light;
}
[data-theme='dark'] { color-scheme: dark; }

:root {
  /* Marca */
  --brand: #315EE8;
  --brand-soft: #4D74EC;
  --brand-strong: #244AC8;
  --brand-tint: #EEF2FE;
  --brand-tint-2: #E0E7FD;

  /* Superfícies */
  --bg: #F8FAFC;
  --surface: #FFFFFF;
  --surface-2: #F8FAFC;
  --border: #E5E7EB;
  --border-strong: #D1D5DB;

  /* Texto */
  --text: #1F2937;
  --text-muted: #6B7280;
  --text-soft: #9CA3AF;
  --on-brand: #FFFFFF;

  /* Estados */
  --success: #16A34A;
  --success-tint: #ECFDF3;
  --error: #DC2626;
  --error-tint: #FEF2F2;
  --warning: #D97706;
  --warning-tint: #FFFBEB;

  /* Formas */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 24px;
  --r-pill: 999px;

  /* Sombras suaves */
  --shadow-xs: 0 1px 2px rgba(16, 24, 40, 0.04);
  --shadow-sm: 0 1px 3px rgba(16, 24, 40, 0.06), 0 1px 2px rgba(16, 24, 40, 0.04);
  --shadow-md: 0 4px 16px rgba(16, 24, 40, 0.06);
  --shadow-lg: 0 12px 32px rgba(16, 24, 40, 0.10);
  --shadow-focus: 0 0 0 3px rgba(49, 94, 232, 0.22);

  /* Espaçamento */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-8: 32px; --sp-10: 40px; --sp-12: 56px;

  /* Tipografia */
  --font-ui: -apple-system, BlinkMacSystemFont, 'Segoe UI', Inter, Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-cv-sans: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-cv-serif: Georgia, 'Times New Roman', serif;

  --header-h: 64px;
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* Tema escuro: mesma marca, superfícies invertidas. */
[data-theme='dark'] {
  --brand: #6E8DF2;
  --brand-soft: #8AA3F5;
  --brand-strong: #4D74EC;
  --brand-tint: #1C2438;
  --brand-tint-2: #232D45;

  --bg: #0F1523;
  --surface: #172033;
  --surface-2: #1D2739;
  --border: #2A3446;
  --border-strong: #3A465C;

  --text: #E8EDF7;
  --text-muted: #9AA6BC;
  /* #74809A dava 4.1:1 sobre a superfície — abaixo do mínimo de 4.5:1 do WCAG AA
     para texto normal. Este tom passa em 5.3:1. */
  --text-soft: #8794AE;

  /* No claro a marca é escura e o texto sobre ela é branco. No escuro a marca
     clareia, e branco sobre ela caía para 3.1:1. Texto escuro sobe para 5.9:1. */
  --on-brand: #0F1523;

  /* Vermelho, verde e laranja do tema claro são escuros demais para fundo
     escuro: o vermelho ficava em 3.6:1. Estes passam com folga. */
  --success: #22C55E;
  --error: #F87171;
  --warning: #F59E0B;

  --success-tint: #12271A;
  --error-tint: #2A1618;
  --warning-tint: #2A2113;

  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.45);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}