/* ========================================
   VARIÁVEIS CSS GLOBAIS
   Arquivo: variables.css
======================================== */

:root {
  /* Cores Primárias */
  --color-primary: #ffbf00; /* Dourado - Cor principal */
  --color-primary-light: #ffd54f; /* Dourado claro - Hover states */
  --color-primary-dark: #e6ac00; /* Dourado escuro - Variações */

  --color-secondary: #000711; /* Preto profundo - Cor secundária */
  --color-secondary-light: #1a1d2e; /* Cinza muito escuro */

  /* Cores de Apoio */
  --color-bg-light: #f5f5f5; /* Background claro */
  --color-bg-white: #ffffff; /* Background branco */
  --color-text-primary: #000711; /* Texto principal */
  --color-text-secondary: #6b7280; /* Texto secundário */
  --color-border: #e5e7eb; /* Bordas e divisores */

  /* Tipografia */
  --font-heading: "Inter", "Montserrat", sans-serif; /* Títulos e headings */
  --font-body: "Inter", "Open Sans", sans-serif; /* Corpo de texto */
  --font-logo: "Andulka Text Pro", serif; /* Logo (apenas) */

  /* Tamanhos de Fonte */
  --font-size-h1: 3.5rem; /* 56px - Hero */
  --font-size-h2: 2.5rem; /* 40px - Seções */
  --font-size-h3: 2rem; /* 32px - Sub-seções */
  --font-size-h4: 1.5rem; /* 24px - Cards */
  --font-size-body-lg: 1.25rem; /* 20px - Destaque */
  --font-size-body: 1rem; /* 16px - Padrão */
  --font-size-small: 0.875rem; /* 14px - Pequeno */

  /* Espaçamentos (Sistema de 8px) */
  --spacing-xs: 0.25rem; /* 4px */
  --spacing-sm: 0.5rem; /* 8px */
  --spacing-md: 1rem; /* 16px */
  --spacing-lg: 1.5rem; /* 24px */
  --spacing-xl: 2rem; /* 32px */
  --spacing-2xl: 3rem; /* 48px */
  --spacing-3xl: 4rem; /* 64px */
  --spacing-4xl: 6rem; /* 96px */

  /* Layout */
  --max-width: 1280px;
  --border-radius: 8px;
  --border-radius-lg: 12px;
  --transition-speed: 0.3s;

  /* Sombras */
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.15);
  --shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.2);
  --shadow-xl: 0 12px 24px rgba(0, 0, 0, 0.25);

  /* Durações de Animação */
  --anim-duration-fast: 0.3s;
  --anim-duration-normal: 0.6s;
  --anim-duration-slow: 1s;
}