/* ===== R777 THEME — Premium Navy & Gold Styling ===== */
:root{
  /* Brand - Premium Gold */
  --primary:#d4af37;
  --primary-dark:#b8941d;
  --accent:#6366f1;
  --accent-glow:rgba(99, 102, 241, 0.45);
  --danger:#ef4444;
  --success:#10b981;
  --warning:#f59e0b;

  /* Backgrounds - Deep Navy */
  --bg:#0a0e27;
  --bg-2:#12183a;

  /* Premium Cards */
  --card:#1e2746;
  --card-2:#252d55;
  --header-bg:#0f1535;
  --sidebar-bg:#0a0e27;
  --bottomnav-bg:#0f1535;

  /* Text */
  --text:#ffffff;
  --text-muted:#94a3b8;
  --text-soft:#cbd5e1;

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

  /* Sizes */
  --radius:8px;
  --radius-sm:6px;
  --radius-lg:10px;

  /* 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, #d4af37);
  --btn-gradient:linear-gradient(135deg, #d4af37, #aa8c2c);
  --btn-gradient-hover:linear-gradient(135deg, #fceabb, #d4af37);
  --active-tab-gradient:linear-gradient(135deg, #4f46e5, #7c3aed);
  --glass-filter:blur(16px);
}

/* Light page variant (Used optionally, kept premium) */
.theme-light{
  --bg:#f1f5f9;
  --bg-2:#ffffff;
  --card:#ffffff;
  --card-2:#f1f5f9;
  --text:#0f172a;
  --text-muted:#64748b;
  --text-soft:#334155;
  --border:rgba(0, 0, 0, 0.08);
  --border-soft:rgba(0, 0, 0, 0.04);
  --header-bg:#0f1535;
  --bottomnav-bg:#0f1535;
  --shadow:0 8px 32px rgba(0, 0, 0, 0.08);
}