:root {
  /* Paleta principal (Verdes e Marrons do logo) */
  --color-primary-dark: #4A3A2A;   /* Marrom escuro - para fundos de destaque, cabeçalhos, texto principal */
  --color-primary: #5E4A3B;       /* Marrom intermediário - menus e botões secundários */
  --color-primary-light: #7E6B5D;  /* Marrom claro - para elementos de destaque suave */
  --color-accent: #6C8B58;        /* Verde mais claro do logo - para destaque, hover, botões primários */
  --color-secondary: #4A633F;     /* Verde mais escuro do logo - combina com fitoterapia, ícones */

  /* Neutras (Bege do fundo do logo, branco, cinzas) */
  --color-bg: #F5F1EB;            /* Fundo geral claro - bege suave do logo */
  --color-surface: #ffffff;       /* Cartões, modais, painéis - branco puro */
  --color-text: #2D2D2D;          /* Texto sobre fundos claros - marrom/cinza escuro para contraste */
  --color-text-dark: #1A1A1A;     /* Texto principal em superfícies claras - quase preto */
  --color-muted: #8E8A84;         /* Texto secundário, bordas sutis - cinza/marrom suave */

  /* Estados (Mantidos com variações mais orgânicas, se desejar) */
  --color-success: #5cb85c;       /* Verde sucesso */
  --color-danger: #d9534f;        /* Vermelho perigo */
  --color-warning: #f0ad4e;       /* Laranja alerta */
  --color-info: #5bc0de;          /* Azul informação */
}