/* =========================================================
   DESIGN TOKENS — edite aqui para alterar o site inteiro
   ========================================================= */
:root {
  /* Cores de marca — identidade v2 */
  --color-primary: #1F9D5B;
  --color-primary-dark: #146B3E;
  --color-primary-darker: #0F4E2D;
  --color-primary-light: #E1F3E8;
  --color-gold: #E3A93F;
  --color-green-light: #3FCB86;

  /* Fundo escuro (header, hero, CTA, footer) */
  --color-dark: #0E1A13;
  --color-dark-soft: #16261C;
  --color-dark-border: rgba(255,255,255,0.10);

  /* Neutros */
  --color-bg: #F6F3EC;
  --color-white: #FFFFFF;
  --color-text: #12140F;
  --color-text-muted: #5C5A51;
  --color-text-soft: #8B897D;
  --color-border: #E4DFD2;

  /* Acentos das soluções */
  --accent-pink: #EC4899;
  --accent-blue: #3B82F6;
  --accent-green: #1F9D5B;
  --accent-orange: #E3A93F;
  --accent-purple: #8B5CF6;

  /* Tipografia */
  --font-display: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;

  /* Espaçamento / layout */
  --container-w: 1200px;
  --gap-section: clamp(64px, 8vw, 1px);
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;

  /* Sombras */
  --shadow-sm: 0 2px 8px rgba(16, 21, 18, 0.06);
  --shadow-md: 0 12px 32px rgba(16, 21, 18, 0.10);
  --shadow-lg: 0 24px 64px rgba(16, 21, 18, 0.16);

  /* Transições */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --t-fast: 0.18s;
  --t-med: 0.35s;
}