/* Paleta de cores do site Cozinha da Vó */

:root {
  /* Cores principais */
  --primary-color: #5A7052;      /* Verde oliva - cor principal */
  --secondary-color: #E67E22;    /* Laranja - cor de destaque */
  --accent-color: #8D6E63;       /* Marrom claro - cor de acento */
  
  /* Tons neutros */
  --light-bg: #F9F7F4;           /* Fundo claro */
  --dark-text: #333333;          /* Texto escuro */
  --medium-text: #666666;        /* Texto médio */
  --light-text: #999999;         /* Texto claro */
  
  /* Cores de feedback */
  --success-color: #27AE60;      /* Verde - sucesso */
  --error-color: #E74C3C;        /* Vermelho - erro */
  --warning-color: #F39C12;      /* Amarelo - aviso */
  
  /* Gradientes */
  --primary-gradient: linear-gradient(135deg, #5A7052 0%, #6B8362 100%);
  --secondary-gradient: linear-gradient(135deg, #E67E22 0%, #F39C12 100%);
  
  /* Sombras */
  --card-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  --hover-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
  
  /* Arredondamentos */
  --border-radius-sm: 4px;
  --border-radius-md: 8px;
  --border-radius-lg: 12px;
  
  /* Espaçamentos */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 48px;
  
  /* Tipografia */
  --font-heading: 'Playfair Display', serif;
  --font-body: 'Montserrat', sans-serif;
}

/* Análise de elementos visuais */
/*
1. Cabeçalhos: Playfair Display, negrito, verde oliva
2. Corpo de texto: Montserrat, regular, texto escuro
3. Botões: Verde oliva com texto branco, arredondados
4. Cards: Fundo branco, sombra suave, bordas arredondadas
5. Ícones: Simples, linha fina, cor verde oliva ou laranja
6. Imagens: Grandes, destacadas, com leve arredondamento
7. Separadores: Linhas finas em tom claro ou gradientes sutis
*/