/* Shared VIP Club tokens. Theme classes restore each mock’s original variable names. */

:root {
  --vip-font: Arial, Helvetica, "Helvetica Neue", sans-serif;
  --vip-gold: #f3b61c;
  --vip-gold-bright: #ffd05a;
  --vip-gold-deep: #b87600;
  --vip-bg: #050708;
  --vip-panel: #101416;
  --vip-text: #f8f8f8;
  --vip-muted: #b9b9b9;
  --vip-white: #ffffff;
  --vip-cream: #f4f1ea;
  --vip-line: #343a3d;
  --vip-red: #ff5449;
  --vip-radius: 14px;
}

body.vip-theme-landing {
  --bg: #0b0b0d;
  --panel: #141416;
  --panel-border: #2a2620;
  --gold: #d4a94a;
  --gold-bright: #e9c46a;
  --gold-deep: #b8863a;
  --cream: #f4f1ea;
  --muted: #b9b7b3;
  --white: #ffffff;
  --vip-gold: #d4a94a;
  --vip-bg: #0b0b0d;
  --vip-text: #ffffff;
}

body.vip-theme-club {
  --black: #020506;
  --panel: #101416;
  --panel2: #171b1d;
  --white: #f8f8f8;
  --muted: #b9b9b9;
  --gold: #f3b61c;
  --gold2: #ffd66b;
  --gold3: #b87600;
  --line: #55595b;
  --soft-line: rgba(255, 255, 255, 0.17);
  --radius: 14px;
  --vip-gold: #f3b61c;
  --vip-bg: #020303;
  --vip-text: #f8f8f8;
}

body.vip-theme-faq {
  --bg: #050708;
  --panel: #0d1113;
  --panel2: #111619;
  --line: #343a3d;
  --text: #f4f4f2;
  --muted: #c2c4c6;
  --gold: #f5b51b;
  --gold2: #ffca3d;
  --green: #7ed321;
  --vip-gold: #f5b51b;
  --vip-bg: #050708;
  --vip-text: #f4f4f2;
}

body.vip-theme-otp {
  --bg: #050708;
  --panel: #0e1215;
  --line: #272d31;
  --line2: #3a4044;
  --text: #f5f5f3;
  --muted: #c7c9ca;
  --gold: #f4b51e;
  --gold2: #ffd05a;
  --red: #ff5449;
  --red-bg: rgba(116, 20, 17, 0.24);
  --vip-gold: #f4b51e;
  --vip-bg: #000000;
  --vip-text: #f5f5f3;
}

body.vip-theme-index {
  --vip-gold: #f3b61c;
  --vip-bg: #050708;
  --vip-text: #f4f4f2;
}