/* Variáveis de marca Clube Vestcasa */
:root {
  /* Cores principais */
  --green: #00A94F;
  --green-700: #008F42;
  --green-hover: #00933F;
  --lime-soft: #E6F8EE;
  --cream: #FAF9F4;
  --paper: #F3F2EC;
  --ink: #131912;
  --ink2: #5B5F57;
  --ink3: #8A8E83;
  --line: #E4E4DC;
  --warn-bg: #FFF7E6;

  /* CTA amarelo (legado da marca, alta saliência sobre verde) */
  --yellow: #FFC400;
  --yellow-hover: #FFB800;

  /* Paleta arco-íris */
  --rainbow-1: #FFC400;
  --rainbow-2: #FF5A15;
  --rainbow-3: #FF140A;
  --rainbow-4: #FF5369;
  --rainbow-5: #684B9E;
  --rainbow-6: #034A9F;
  --rainbow-7: #00BFD9;
  --rainbow-8: #00B40E;

  /* Tipografia */
  --font-display: 'Bricolage Grotesque', sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Espaçamento */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  /* Raio de borda */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-round: 999px;

  /* Sombras */
  --shadow-sm: 0 2px 4px rgba(0,0,0,.05);
  --shadow-md: 0 10px 20px -5px rgba(0,0,0,.1);
  --shadow-lg: 0 30px 60px -20px rgba(0,60,30,.15);
  --shadow-xl: 0 40px 80px -20px rgba(0,0,0,.35);

  /* Animação */
  --transition-fast: 0.15s ease;
  --transition-base: 0.25s ease;
  --transition-slow: 0.4s ease;

  /* Layout */
  --maxw: 1440px;
  --nav-height: 72px;
}