/* ==========================================================================
   Global design tokens — artistic.Aura
   Single source of truth for brand colors. Change a value here and it
   updates on every page (previously this block was duplicated 4x).
   ========================================================================== */
:root {
  --bg: #0e0e10;
  --card: #1a1a1d;
  --accent: #ff8c00;
  --yellow: #ffd54f;
  --text: #ffffff;
  --grey: #b0b0b0;

  /* Phase 3: supplementary scale tokens — additive only, brand colors above unchanged */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --shadow-glow: 0 0 20px rgba(255, 140, 0, 0.25);
  --shadow-glow-strong: 0 0 32px rgba(255, 140, 0, 0.5);
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --focus-ring: 0 0 0 3px rgba(255, 140, 0, 0.45);
}