/* ===== R777 THEME — Premium Modern Styling ===== */
:root{
  /* Brand - Premium Gold & Electric Blue */
  --primary:#d4af37;
  --primary-dark:#aa8c2c;
  --accent:#3b82f6;
  --accent-glow:rgba(59, 130, 246, 0.4);
  --danger:#ef4444;
  --success:#10b981;
  --warning:#f59e0b;

  /* Backgrounds - Deep Space / Obsidian */
  --bg:#09090b;
  --bg-2:#141417;
  
  /* Glassmorphism Cards */
  --card:rgba(24, 24, 27, 0.6);
  --card-2:rgba(39, 39, 42, 0.6);
  --header-bg:rgba(9, 9, 11, 0.85);
  --sidebar-bg:#09090b;
  --bottomnav-bg:rgba(9, 9, 11, 0.9);

  /* Text */
  --text:#ffffff;
  --text-muted:#a1a1aa;
  --text-soft:#e4e4e7;

  /* Border */
  --border:rgba(255, 255, 255, 0.08);
  --border-soft:rgba(255, 255, 255, 0.04);
  --border-glow:rgba(212, 175, 55, 0.3);

  /* Sizes */
  --radius:16px;
  --radius-sm:10px;
  --radius-lg:24px;

  /* Header / Bottom nav heights */
  --header-h:64px;
  --bottomnav-h:72px;

  /* Container */
  --max-w:480px;

  /* Shadows & Gradients */
  --shadow:0 8px 32px rgba(0, 0, 0, 0.4);
  --shadow-glow:0 0 20px var(--accent-glow);
  --logo-gold:linear-gradient(135deg, #fceabb, #f8b500);
  --btn-gradient:linear-gradient(135deg, #d4af37, #aa8c2c);
  --btn-gradient-hover:linear-gradient(135deg, #fceabb, #d4af37);
  --glass-filter:blur(16px);
}

/* Light page variant (Used optionally, kept premium) */
.theme-light{
  --bg:#f4f4f5;
  --bg-2:#ffffff;
  --card:rgba(255, 255, 255, 0.8);
  --card-2:rgba(244, 244, 245, 0.8);
  --text:#18181b;
  --text-muted:#71717a;
  --text-soft:#3f3f46;
  --border:rgba(0, 0, 0, 0.08);
  --border-soft:rgba(0, 0, 0, 0.04);
  --header-bg:rgba(255, 255, 255, 0.85);
  --bottomnav-bg:rgba(255, 255, 255, 0.95);
  --shadow:0 8px 32px rgba(0, 0, 0, 0.08);
}