/* ===== R777 THEME — Deep Green + Gold (SK900 style) ===== */
:root{
  /* Brand */
  --primary:#f0c030;
  --primary-dark:#c89a10;
  --accent:#ffd84d;
  --accent-glow:rgba(240, 192, 48, 0.4);
  --danger:#ef4444;
  --success:#10b981;
  --warning:#f59e0b;
  --teal:#0d7a55;
  --teal-light:#13a36e;
  --green-btn:#0a6644;

  /* Backgrounds - Deep Green */
  --bg:#071f18;
  --bg-2:#0a2e22;

  /* Glassmorphism Cards */
  --card:rgba(13, 61, 44, 0.6);
  --card-2:rgba(15, 69, 48, 0.6);
  --header-bg:rgba(7, 31, 24, 0.92);
  --sidebar-bg:#071f18;
  --bottomnav-bg:rgba(7, 20, 14, 0.97);

  /* Text */
  --text:#e8f5ee;
  --text-muted:#7eb89a;
  --text-soft:#cde8da;

  /* Border */
  --border:rgba(255, 255, 255, 0.08);
  --border-soft:rgba(255, 255, 255, 0.04);
  --border-glow:rgba(240, 192, 48, 0.3);

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

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

  /* 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, #ffe066, #f0c030);
  --btn-gradient:linear-gradient(180deg, #1a9966 0%, #0d7a55 60%, #0a5c3e 100%);
  --btn-gradient-hover:linear-gradient(180deg, #1dcc85 0%, #13a36e 60%, #0d7a55 100%);
  --gold-gradient:linear-gradient(180deg, #ffe066 0%, #f0c030 60%, #c89a10 100%);
  --glass-filter:blur(12px);
}

/* Light page variant (Used optionally, kept premium) */
.theme-light{
  --bg:#eef6f2;
  --bg-2:#ffffff;
  --card:rgba(255, 255, 255, 0.8);
  --card-2:rgba(226, 242, 235, 0.8);
  --text:#07261c;
  --text-muted:#5c7d6e;
  --text-soft:#2c4f3f;
  --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);
}