/* Importação das Fontes */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root {
  /* Paleta de Cores Principal */
  --cor-primaria: #848e70;
  --cor-secundaria: #ffffff;
  --cor-dourado: #d4af37;
  --cor-rosa-suave: #f5e6e8;
  --cor-marrom-escuro: #8b5a3c;

  /* Variações da Cor Primária */
  --cor-primaria-clara: #9ba085;
  --cor-primaria-escura: #6d7558;
  --cor-primaria-alpha-10: rgba(132, 142, 112, 0.1);
  --cor-primaria-alpha-20: rgba(132, 142, 112, 0.2);
  --cor-primaria-alpha-50: rgba(132, 142, 112, 0.5);

  /* Tons Neutros */
  --cor-branco: #ffffff;
  --cor-off-white: #fefefe;
  --cor-cinza-claro: #f8f9fa;
  --cor-cinza-medio: #e9ecef;
  --cor-cinza-escuro: #6c757d;
  --cor-preto: #212529;

  /* Breakpoints Responsivos */
  --mobile: 320px;
  --tablet: 768px;
  --desktop: 1024px;
  --large: 1440px;
  --xlarge: 1920px;

  /* Tipografia */
  --fonte-primaria: 'Playfair Display', 'Crimson Text', 'Lora', serif;
  --fonte-secundaria: 'Outfit', 'Nunito', 'Comfortaa', sans-serif;
  --fonte-sistema: 'Outfit', 'Nunito', 'Comfortaa', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;

  /* Tamanhos de Fonte Mobile-First */
  --texto-xs: 0.75rem;    /* 12px */
  --texto-sm: 0.875rem;   /* 14px */
  --texto-base: 1rem;     /* 16px */
  --texto-lg: 1.125rem;   /* 18px */
  --texto-xl: 1.25rem;    /* 20px */
  --texto-2xl: 1.5rem;    /* 24px */
  --texto-3xl: 1.875rem;  /* 30px */
  --texto-4xl: 2.25rem;   /* 36px */
  --texto-5xl: 3rem;      /* 48px */
  --texto-6xl: 3.75rem;   /* 60px */

  /* Espaçamentos */
  --espaco-xs: 0.25rem;   /* 4px */
  --espaco-sm: 0.5rem;    /* 8px */
  --espaco-md: 1rem;      /* 16px */
  --espaco-lg: 1.5rem;    /* 24px */
  --espaco-xl: 2rem;      /* 32px */
  --espaco-2xl: 2.5rem;   /* 40px */
  --espaco-3xl: 3rem;     /* 48px */
  --espaco-4xl: 4rem;     /* 64px */
  --espaco-5xl: 5rem;     /* 80px */
  --espaco-6xl: 6rem;     /* 96px */

  /* Raios de Borda */
  --raio-xs: 0.125rem;    /* 2px */
  --raio-sm: 0.25rem;     /* 4px */
  --raio-md: 0.375rem;    /* 6px */
  --raio-lg: 0.5rem;      /* 8px */
  --raio-xl: 0.75rem;     /* 12px */
  --raio-2xl: 1rem;       /* 16px */
  --raio-3xl: 1.5rem;     /* 24px */
  --raio-full: 9999px;

  /* Sombras Delicadas */
  --sombra-xs: 0 1px 2px 0 rgba(132, 142, 112, 0.05);
  --sombra-sm: 0 1px 3px 0 rgba(132, 142, 112, 0.1), 0 1px 2px 0 rgba(132, 142, 112, 0.06);
  --sombra-md: 0 4px 6px -1px rgba(132, 142, 112, 0.1), 0 2px 4px -1px rgba(132, 142, 112, 0.06);
  --sombra-lg: 0 10px 15px -3px rgba(132, 142, 112, 0.1), 0 4px 6px -2px rgba(132, 142, 112, 0.05);
  --sombra-xl: 0 20px 25px -5px rgba(132, 142, 112, 0.1), 0 10px 10px -5px rgba(132, 142, 112, 0.04);

  /* Transições Suaves */
  --transicao-rapida: 0.15s ease-out;
  --transicao-normal: 0.3s ease-out;
  --transicao-lenta: 0.5s ease-out;
  --transicao-cubic: cubic-bezier(0.4, 0, 0.2, 1);

  /* Alturas e Larguras Padrão */
  --altura-header: 70px;
  --altura-hero: 100vh;
  --largura-max-container: 1200px;
  --largura-max-texto: 65ch;

  /* Z-Index */
  --z-dropdown: 1000;
  --z-sticky: 1020;
  --z-fixed: 1030;
  --z-modal-backdrop: 1040;
  --z-modal: 1050;
  --z-popover: 1060;
  --z-tooltip: 1070;
}