/* =========================================================================
   variables.css — design tokens (colors, glows, fonts)
   The utility layer stays on Tailwind (CDN) so the existing look is preserved
   byte-for-byte; this file only holds the custom, non-Tailwind design tokens
   that used to live in the inline <style> block of index.html.
   ========================================================================= */
:root {
  /* Typography */
  --font-sans: 'Plus Jakarta Sans', sans-serif;
  --font-title: 'Cinzel', serif;

  /* Divine / brand glow tokens (Supreme Source symbolism) */
  --glow-light: 0 0 40px rgba(245, 158, 11, 0.45);
  --glow-blue: 0 0 30px rgba(30, 64, 175, 0.25);
  --glow-logo: drop-shadow(0 0 22px rgba(245, 158, 11, 0.55));

  /* Brand accents (mirrors the amber/blue palette used across the portal) */
  --brand-amber: #f59e0b;
  --brand-amber-soft: rgba(251, 146, 60, 0.6);
  --brand-blue: #1e40af;
}