/* ============================================================
   EUPHORIC RP — THEME TOKENS
   Derived from the Nythera config you own. Edit colors/fonts
   here; every component reads from these variables.
   ============================================================ */
:root {
  /* BRAND */
  --primary:        #7c5cff;   /* buttons, highlights */
  --primary-hover:  #6a4de8;
  --accent:         #b79cff;   /* glows, links, badges */
  --accent-gold:    #f5c842;   /* VIP / featured */
  --danger:         #ff4d6d;   /* sale / warnings */
  --success:        #3ecf8e;   /* online / confirmation */
  --secondary:      #1a1f2e;

  /* BACKGROUNDS */
  --bg-main:        #0b0d12;
  --bg-surface:     #0f1218;
  --bg-card:        #151922;
  --bg-card-hover:  #1c2130;
  --bg-nav:         rgba(11,13,18,0.94);
  --bg-overlay:     rgba(0,0,0,0.55);
  --bg-announcement:#1a1040;

  /* TEXT */
  --text-main:      #ffffff;
  --text-muted:     #9aa5b8;   /* nudged lighter for 4.5:1 contrast */
  --text-faint:     #6b7688;
  --text-accent:    #b79cff;
  --text-nav:       #c8d0dd;

  /* BORDERS */
  --border-color:   rgba(255,255,255,0.07);
  --border-accent:  rgba(124,92,255,0.35);
  --border-card:    rgba(255,255,255,0.05);

  /* RADIUS */
  --radius-xs:  4px;
  --radius-sm:  8px;
  --radius-md:  12px;
  --radius-lg:  18px;
  --radius-xl:  24px;
  --radius-pill:999px;

  /* SHADOW / GLOW */
  --shadow-soft:   0 8px 24px rgba(0,0,0,0.30);
  --shadow-card:   0 4px 20px rgba(0,0,0,0.40);
  --shadow-lifted: 0 16px 48px rgba(0,0,0,0.55);
  --glow-primary:  0 0 24px rgba(124,92,255,0.30);
  --glow-accent:   0 0 16px rgba(183,156,255,0.20);

  /* TYPE — one family (Inter) in many weights + mono for prices */
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-heading: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-display: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-hero:    'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-price:   'JetBrains Mono', 'Consolas', monospace;
  --font-mono:    'JetBrains Mono', 'Consolas', monospace;
  --font:         var(--font-body);

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-md:   1.125rem;
  --text-lg:   1.25rem;
  --text-xl:   1.5rem;
  --text-2xl:  2rem;
  --text-3xl:  2.75rem;
  --text-hero: clamp(3rem, 7vw, 5.5rem);

  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2rem;
  --space-2xl: 3rem;
  --space-3xl: 5rem;

  --max-width:   1280px;
  --nav-height:  68px;
  --section-gap: 5rem;

  --transition-fast: 0.15s ease;
  --transition-base: 0.25s ease;
  --transition-slow: 0.40s cubic-bezier(0.22,1,0.36,1);

  --hero-min-height: 620px;
  --card-width-min:  240px;
  --card-img-height: 150px;

  /* z-index scale */
  --z-nav:     100;
  --z-drawer-backdrop: 200;
  --z-drawer:  210;
  --z-toast:   300;
}