: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);
}

/* RMW theme tokens */
:root {
    --rmw-bg: #050d18; --rmw-bg-deep: #02060c; --rmw-bg-soft: #0b1b31;
    --rmw-surface: #102a49; --rmw-surface-strong: #183d68; --rmw-surface-hover: #225489; --rmw-surface-deep: #06101e;
    --rmw-primary: #f0c76a; --rmw-primary-strong: #ffe4a0; --rmw-primary-soft: #fff2cc; --rmw-primary-contrast: #152238;
    --rmw-accent: #2d6ca8; --rmw-accent-strong: #194b7d; --rmw-accent-hover: #4589c9;
    --rmw-text: #f5f9ff; --rmw-text-strong: #ffffff; --rmw-muted: rgba(236, 245, 255, .78); --rmw-subtle: rgba(236, 245, 255, .60);
    --rmw-border: rgba(221, 237, 255, .14); --rmw-border-strong: rgba(221, 237, 255, .27); --rmw-border-gold: rgba(240, 199, 106, .62);
    --rmw-success: #55dca0; --rmw-danger: #ff8097; --rmw-white: #ffffff; --rmw-white-rgb: 255, 255, 255; --rmw-shadow-rgb: 0, 7, 16;
    --rmw-withdraw: #d9343f; --rmw-withdraw-strong: #ff5964;
    --rmw-page-background: radial-gradient(circle at 58% 0%, rgba(69, 137, 201, .16), transparent 35%), linear-gradient(180deg, #0b1b31, #050d18 48%, #02060c);
    --rmw-header-background: linear-gradient(180deg, #163555, #071426); --rmw-panel-background: linear-gradient(145deg, #163555, #071426);
    --rmw-card-background: linear-gradient(145deg, #173858, #081629); --rmw-button-background: linear-gradient(135deg, #285f95, #123c67);
    --rmw-button-hover-background: linear-gradient(135deg, #3d7bb5, #194f83); --rmw-active-background: linear-gradient(135deg, #ffe4a0, #dfae48);
    --rmw-modal-background: linear-gradient(155deg, #102a49, #040c17); --rmw-input-background: rgba(0, 9, 20, .60); --rmw-nav-background: rgba(5, 16, 31, .94);
    --rmw-shadow: 0 10px 26px rgba(0, 7, 16, .45); --rmw-shadow-soft: 0 5px 14px rgba(0, 7, 16, .33);
    --rmw-radius-sm: 10px; --rmw-radius: 16px; --rmw-radius-lg: 22px;
}