:root{
  --input-border: #cfd8e3;
  --footer-image: url("../../img/banner-20260412-163209-9fc62173.png");
  --input-text: #111827;
  --header-image: url("../../img/banner-20260414-211623-83d0a080.png");
  --bg: #ffffff; --bg-accent: #00eeff; --card: #0f2d39; --card-2: #2d354e; --border: #cfd8e3;
  --text: #f7f3df; --muted: #cfc8b1; --gold: #e5c66a; --gold-shadow:#8c6a1e; --lime: #1c71d8;
  --aqua: #04cadc; --violet: #eeff00; --danger:#ff9f9f; --shadow:0 18px 40px rgba(0,0,0,.45);
  --card-bg:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
  --body-bg: radial-gradient(circle at top, var(--bg-accent) 0%, var(--bg) 45%);
  --live-banner-bg: linear-gradient(135deg,var(--violet),var(--aqua));
  --spotlight-bg:linear-gradient(135deg,rgba(140,48,255,.18),rgba(111,214,223,.12));
  --spotlight-border:rgba(111,214,223,.28);
  --now-playing-bg:linear-gradient(135deg,rgba(229,198,106,.14),rgba(111,214,223,.08));
  --request-item-live-bg:linear-gradient(180deg,rgba(140,48,255,.14),rgba(20,224,213,.06));
}

:root{--input-bg: #ffffff;--input-border:rgba(0,0,0,.12)}