/* css/variables.css */
:root {
  /* Cores da Identidade Visual UEBA Tour */
  --color-primary-yellow: #FFD000;
  --color-primary-yellow-hover: #E6BC00;
  --color-primary-dark: #111111;
  --color-dark-surface: #1E1E1E;
  --color-accent-orange: #FF5A1F;
  --color-accent-orange-hover: #E04810;
  --color-whatsapp: #25D366;
  --color-whatsapp-hover: #1EBE5D;
  --color-white: #FFFFFF;
  --color-bg-light: #F8F9FA;
  --color-gray-border: #E5E7EB;
  --color-gray-text: #4B5563;
  --color-gray-light: #9CA3AF;
  --color-cadastur-blue: #003399;
  --color-cadastur-gold: #FFCC00;

  /* Tipografia */
  --font-heading: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Espaçamentos e Raios */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --radius-full: 9999px;

  /* Sombras Pop Art / Cartoon Elegante */
  --shadow-pop: 4px 4px 0px var(--color-primary-dark);
  --shadow-pop-lg: 6px 6px 0px var(--color-primary-dark);
  --shadow-card: 0 10px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.04);
  --shadow-glow: 0 0 20px rgba(255, 208, 0, 0.4);

  /* Transições */
  --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}