/* =====================================================
   VARIABLES & DESIGN TOKENS
   NutriGuia Pro — Landing Page
   ===================================================== */

:root {
  /* ── Colors ── */
  --navy: #0a1628;
  --deep-blue: #0f2145;
  --royal-blue: #1a3a6b;
  --mid-blue: #1e4d8c;
  --gold: #f0b832;
  --gold-light: #f5cc5a;
  --gold-dark: #d4a12a;
  --cyan: #00d4ff;
  --green: #2ecc71;
  --green-dark: #27ae60;
  --red: #e74c3c;
  --off-white: #f4f6fa;
  --gray-100: #e8ecf2;
  --gray-200: #c5ccda;
  --gray-300: #8a95a8;
  --gray-400: #5a6578;
  --gray-500: #3a4458;

  /* ── Border Radius ── */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;

  /* ── Shadows ── */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.15);
  --shadow-md: 0 8px 32px rgba(0, 0, 0, 0.25);
  --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.35);
  --shadow-glow-gold: 0 0 40px rgba(240, 184, 50, 0.25);
  --shadow-glow-cyan: 0 0 40px rgba(0, 212, 255, 0.2);

  /* ── Transitions ── */
  --transition: 0.3s ease;

  /* ── Typography ── */
  --font-display: 'Sora', sans-serif;
  --font-body: 'DM Sans', sans-serif;
  --font-logo: 'Playfair Display', serif;
}

/* =====================================================
   GLOBAL KEYFRAMES
   ===================================================== */

@keyframes shimmer {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  }
  50% {
    opacity: 0.8;
    transform: scale(1.3);
    box-shadow: 0 0 0 6px rgba(255, 255, 255, 0);
  }
}

@keyframes floatUp {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-12px); }
}

@keyframes barSlide {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}