/*
|--------------------------------------------------------------------------
| Brand theme — #ED7620
|--------------------------------------------------------------------------
| Injected into the <head> of every non-admin page by
| App\Http\Middleware\FloatingTelegram.
|
| The brand orange is baked into the page styles and the image assets; this
| file publishes the palette as custom properties and applies the accent to
| money figures and VIP/level badges.
|
| BRAND #ED7620   DARK #B5540F   DEEP #8A3F0B   LIGHT #F79A55   PALE #FBC79A
*/

:root {
    --wa-brand: #ED7620;
    --wa-brand-dark: #B5540F;
    --wa-brand-deep: #8A3F0B;
    --wa-brand-light: #F79A55;
    --wa-brand-pale: #FBC79A;
}

/* --- Money figures --------------------------------------------------------
   The darker brand shade holds AA contrast on the light cards these sit on;
   figures on dark or brand-coloured panels get the pale shade instead. */
#amount,
#useramount,
#amountTag,
#money,
#t2,
.my-balance,
.transfer-cashier-title-amount,
#lv1_team_income,
#lv2_team_income,
#lv3_team_income {
    color: var(--wa-brand-dark) !important;
    font-weight: 700;
}

.green_ #amount,
.green_ #useramount,
.green_ .my-balance {
    color: #fff !important;
}

/* --- VIP / level badges --------------------------------------------------- */
.vip-badge,
.level-badge,
.vip_name,
.lv_name {
    color: var(--wa-brand-dark) !important;
}

/* --- Balance card: brand fill, white hairline ----------------------------- */
.green_ {
    border-color: rgba(255, 255, 255, .55) !important;
}

/* --- Logos sit on brand-coloured ground, so keep them white --------------- */
.header-with-logo img.rng_logo {
    filter: none;
}