/* Fonte única do design system — cor, borda, espaçamento, fonte, vidro.
   Nenhum outro arquivo CSS deste site define cor fora daqui. */

:root {
  /* Cinza / Concreto Polido (Fundo e Base) */
  --cinza-950: #111827;
  --cinza-900: #1F2937;
  --cinza-800: #374151;
  --cinza-700: #4B5563;
  --cinza-600: #4B5563;
  --cinza-300: #D1D5DB;
  --cinza-200: #E5E7EB;
  --cinza-100: #F3F4F6;
  --cinza-050: #F9FAFB;
  --branco: #ffffff;

  /* Azul (Confiança, Tecnologia, Primário) */
  --azul-900: #0F172A; /* Azul muito escuro para textos de títulos */
  --azul-700: #1D4ED8;
  --azul-600: #2563EB;
  --azul-500: #3B82F6;
  --azul-100: #DBEAFE;
  --azul-050: #EFF6FF;

  /* Verde (Lucro, Sem Comissão, Sucesso) */
  --verde-700: #15803D;
  --verde-600: #16A34A;
  --verde-500: #22C55E;
  --verde-100: #DCFCE7;
  --verde-050: #F0FDF4;

  /* Bordas para o Glassmorphism Claro */
  --borda-vidro: 1px solid rgba(0, 0, 0, 0.05);
  --borda-brilho: 1px solid rgba(0, 0, 0, 0.1);
  --borda-forte: 1px solid var(--cinza-200);

  /* Espaçamento */
  --esp-1: 0.5rem;
  --esp-2: 1rem;
  --esp-3: 1.5rem;
  --esp-4: 2rem;
  --esp-5: 3rem;
  --esp-6: 4.5rem;
  --esp-7: 7rem;

  /* Tipografia */
  --fonte-display: 'Space Grotesk', 'Arial Narrow', sans-serif;
  --fonte-corpo: 'Inter', 'DM Sans', 'Segoe UI', sans-serif;
  --fonte-dado: 'IBM Plex Mono', 'Courier New', monospace;

  /* Geometria e Profundidade */
  --raio: 16px;
  --raio-sm: 8px;
  --raio-lg: 24px;
  --raio-full: 9999px;

  --blur-sm: 8px;
  --blur-md: 16px;
  --blur-lg: 24px;

  /* Sombras Claras */
  --sombra-vidro: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.02);
  --sombra-brilho: 0 20px 40px -10px rgba(0, 0, 0, 0.08);

  /* Monolitos (Neo-Brutalismo) */
  --borda-brutal: 3px solid var(--azul-900);
  --sombra-brutal: 6px 6px 0 var(--azul-900);

  /* Medidas Globais */
  --largura-conteudo: 72rem;
  --largura-texto: 42rem;
}