/* ==========================================================================
   THEME VARIABLES & DESIGN SYSTEM (SHOW DO MILHÃO BÍBLICO)
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;900&family=Outfit:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');

:root {
  /* Paleta Celestial & Dourado Real */
  --bg-dark-primary: #070a1a;
  --bg-dark-secondary: #0e1333;
  --bg-card: rgba(18, 24, 60, 0.75);
  --bg-card-hover: rgba(28, 38, 90, 0.85);
  --bg-card-selected: rgba(234, 179, 8, 0.18);

  /* Gradientes Dourados */
  --gold-primary: #f59e0b;
  --gold-light: #fef08a;
  --gold-bright: #fbbf24;
  --gold-gradient: linear-gradient(135deg, #ffe259 0%, #ffa751 100%);
  --gold-gradient-glow: linear-gradient(135deg, #ffd700 0%, #ff8c00 100%);
  --blue-gradient: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);
  --purple-gradient: linear-gradient(135deg, #4c1d95 0%, #7c3aed 100%);

  /* Feedback Colors */
  --color-correct: #10b981;
  --color-correct-glow: rgba(16, 185, 129, 0.4);
  --color-wrong: #ef4444;
  --color-wrong-glow: rgba(239, 68, 68, 0.4);
  --color-suspense: #f59e0b;

  /* Textos */
  --text-white: #ffffff;
  --text-gold: #fde047;
  --text-sub: #cbd5e1;
  --text-muted: #94a3b8;

  /* Bordas e Glassmorphism */
  --border-gold: rgba(245, 158, 11, 0.4);
  --border-gold-glow: rgba(251, 191, 36, 0.8);
  --border-glass: rgba(255, 255, 255, 0.12);
  --glass-blur: blur(14px);

  /* Sombras */
  --shadow-card: 0 10px 30px -10px rgba(0, 0, 0, 0.6);
  --shadow-gold: 0 0 25px rgba(245, 158, 11, 0.35);
  --shadow-neon: 0 0 35px rgba(59, 130, 246, 0.4);

  /* Tipografia */
  --font-royal: 'Cinzel', serif;
  --font-main: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-ui: 'Plus Jakarta Sans', sans-serif;

  /* Raios de Borda */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-full: 9999px;
}