/* Variáveis CSS */
:root {
  /* Cores principais */
  --primary: hsl(23.51deg 100% 57.67%);
  --primary-hover: hsl(22.26deg 100% 7.73%);
  --primary-foreground: hsl(0, 0%, 98%);
  
  --secondary: hsl(210, 40%, 96.1%);
  --secondary-foreground: hsl(222.2, 47.4%, 11.2%);
  
  --accent: hsl(48, 96%, 53%);
  --accent-hover: hsl(48, 96%, 48%);
  --accent-foreground: hsl(222.2, 47.4%, 11.2%);
  
  --background: hsl(0, 0%, 100%);
  --foreground: hsl(222.2, 84%, 4.9%);
  
  --muted: hsl(210, 40%, 96.1%);
  --muted-foreground: hsl(215.4, 16.3%, 46.9%);
  
  --border: hsl(214.3, 31.8%, 91.4%);
  
  /* WhatsApp */
  --whatsapp: #25D366;
  --whatsapp-hover: #20BA5A;
  
  /* Tamanhos */
  --radius: 0.5rem;
  --container-max-width: 1200px;
  
  /* Espaçamentos */
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 1rem;
  --spacing-xl: 3rem;
  --spacing-2xl: 5rem;
  
  /* Sombras */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
  
  /* Transições */
  --transition-fast: 0.2s ease;
  --transition-base: 0.3s ease;
  --transition-slow: 0.5s ease;
  
  /* Tipografia */
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 2rem;
  --font-size-4xl: 2.5rem;
  --font-size-5xl: 3rem;
}

body {
  color: var(--foreground);
  background-color: var(--background);
}