/* Design Tokens Centralizados
   Manter apenas variáveis aqui. Evitar regras de layout/estilo.
   Escalas:
   - Primárias (roxo / violeta / amarelo / azul)
   - Gradientes
   - Neutros (escala baseada em Tailwind-like ajustada)
   - Acessibilidade (focus rings)
   - Surfaces (fundo claro unificado)
*/

:root {
  /* Brand Core */
  --purple: #3A0EFF;
  --purple-dark: #2A00A2;
  --purple-deep: #2A2A8A;
  --violet: #4A2DFF;
  --yellow: #FFD600;
  --blue-accent: #3A8DFF;
  --form-bg: var(--purple);
  --amil-blue: var(--blue-accent);
  --amil-green: #25D366;

  /* Semantic Aliases */
  --primary-color: var(--purple);
  --secondary-color: var(--violet);
  --accent-color: var(--yellow);
  --dark-color: #0f172a; /* Mantido para textos fortes, NÃO usar mais como fundo global */

  /* Base Colors */
  --gray-color: #6c757d;
  --light-gray: #F5F5F5;
  --white: #ffffff;

  /* NEW: Surface / Background System (White Layout) */
  --bg-body: #ffffff;
  --bg-alt: #f8fafc;
  --bg-soft: #f1f5f9;
  --bg-elevated: #ffffff;
  --surface-border: #e2e8f0;
  --surface-border-soft: #edf2f7;

  /* Text Scale */
  --text-color: #0f172a;
  --text-color-alt: #334155;
  --text-muted: #64748b;
  --text-invert: #ffffff;

  /* Shadows / Motion */
  --shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  --shadow-hover: 0 8px 24px -6px rgba(0, 0, 0, 0.12);
  --transition: all 0.3s ease;

  /* Gradients (decorativos, não usar como fundo de página inteira) */
  --grad-primary: linear-gradient(135deg,var(--purple-dark) 0%,var(--purple) 55%,var(--violet) 100%);
  --grad-accent: linear-gradient(90deg,var(--yellow),var(--blue-accent));
  --grad-brand: linear-gradient(90deg,var(--purple),var(--violet));
  --grad-indigo-pink: linear-gradient(90deg,#6366f1,#8b5cf6,#d946ef);
  --grad-cyan-violet: linear-gradient(90deg,#38bdf8,#818cf8,#c084fc);

  /* Focus Rings */
  --focus-ring: 0 0 0 3px rgba(255,214,0,0.55);
  --focus-ring-alt: 0 0 0 3px rgba(58,14,255,0.55);

  /* Neutral Scale (restaurado) */
  --neutral-900: #0f172a;
  --neutral-850: #1a2332;
  --neutral-800: #1e293b;
  --neutral-700: #334155;
  --neutral-600: #475569;
  --neutral-550: #566174;
  --neutral-500: #64748b;
  --neutral-400: #94a3b8;
  --neutral-350: #b6c2cf;
  --neutral-300: #cbd5e1;
  --neutral-200: #e2e8f0;
  --neutral-100: #f8fafc;
}