:root {
  /* ---------- GLOBAL BRAND COLORS ---------- */
  --brand-primary:        #59db1a;
  --brand-primary-hover:  #72f12c;
  --brand-primary-text:   #ffffff;
  --brand-secondary:      #3da80f;

  --brand-logo-1:         #59db1a;
  --brand-logo-2:         #45b20f;

  /* ---------- BASE ---------- */
  --color-bg:             #090909;
  --color-text:           #f5f5f5;
  --color-text-muted:     #9a9a9a;
  --color-border:         #2a2a2a;

  /* ---------- HEADER ---------- */
  --header-bg:            #0d0d0d;
  --header-text:          #ffffff;
  --header-border:        #222222;

  /* ---------- HERO / BANNER ---------- */
  --hero-bg:              #050705;
  --hero-text:            #ffffff;
  --hero-accent:          var(--brand-primary);

  --hero-banner-img:      url("../images/banner.webp");
  --hero-overlay:         65%;

  /* ---------- SLOTS ---------- */
  --slots-bg:             #101010;
  --slots-card-bg:        #181818;
  --slots-title:          #ffffff;

  /* ---------- LIVE CASINO ---------- */
  --live-bg:              #0f0f0f;
  --live-card-bg:         #1b1b1b;
  --live-title:           #ffffff;

  /* ---------- CONTENT ---------- */
  --content-bg:           #0c0c0c;
  --content-text:         #b8b8b8;
  --content-heading:      #ffffff;

  /* ---------- FOOTER ---------- */
  --footer-bg:            #080808;
  --footer-text:          #909090;
  --footer-heading:       #ffffff;
  --footer-link:          #bdbdbd;
  --footer-link-hover:    var(--brand-primary);

  /* ---------- BUTTONS / INPUTS ---------- */
  --button-primary:       #59db1a;
  --button-primary-hover: #72f12c;
  --button-text:          #ffffff;

  --input-bg:             #171717;
  --input-border:         #2b2b2b;
  --input-focus:          #59db1a;

  /* ---------- PAYMENT ---------- */
  --payment-bg:           #ffffff;
}