:root{
    --btn-gold: linear-gradient(180deg, #163a63, #0d2340, #224d80);
    --btn-gold-hover: linear-gradient(180deg, #2a5c96, #163a63, #3f78b5);
    --btn-hover: linear-gradient(180deg, #0d2340, #163a63, #0d2340), linear-gradient(180deg, #163a63, #163a63);
    --btn-gold-reg-hover: linear-gradient(180deg, #2f66a3, #163a63, #2f66a3);
    --btn-bolder-gold: 1px solid #d4a94d;
    --btn-soft-gold: 1px solid #8e6a2f;
    --btn-soft-gold-hover: #f0c76a;
    --text-gold: #f3d58a;
    --bg-gold: #8a97a2;
    --text-shadow: 0 0 5px rgba(255, 215, 130, 0.30),0 0 10px rgba(212, 169, 77, 0.25), 0 0 18px rgba(24, 52, 92, 0.45);
    --border-icon-footer: #1a3d68;
    --text-icon-footer: #fff7e6;
    --x-hamburger: #d4a94d;
    --high-color: rgba(255, 200, 90, 0.95);
    --background-footer: url(../images/misc/bottom-bar-mobile_navyblue.png);
    --text-slip: #fff9ec;
    --card-slip: linear-gradient(180deg, #18395f, #0d223c, #071321);
    --card-rank: linear-gradient(180deg, #2a5c96, #163a63, #d4a94d);
    --list-rank: linear-gradient(90deg, #0f2744 0%, #081321 100%);
    --bar-header:radial-gradient(circle at 50% 0%, rgba(255, 210, 120, 0.16) 0%, rgba(255, 210, 120, 0.05) 18%, rgba(0,0,0,0) 42%),linear-gradient(180deg, #08111d 0%, #091827 45%, #050b12 100%);
    --bar-header-border-bottom: 1px solid rgba(255, 210, 120, 0.18);
}