/* ===== THEME TOKENS ===== */
:root{
    --wa-bg: #070A12;
    --wa-bg2:#0A1222;
    --wa-text:#e9eefb;
    --wa-muted:rgba(233,238,251,.70);

    --wa-card: rgba(14,20,40,.58);
    --wa-border: rgba(140,170,255,.18);

    --wa-glow:#34ffb6;
    --wa-glow2:#6d7bff;

    --wa-topbar: rgba(8,10,18,.45);
    --wa-topbar-border: rgba(255,255,255,.08);
}

/* ===== LIGHT ===== */
body.theme-light{
    --wa-bg: #f6f8ff;
    --wa-bg2:#eef3ff;
    --wa-text:#0d1220;
    --wa-muted:rgba(10,18,40,.5);

    --wa-card: rgba(255,255,255,.70);
    --wa-border: rgba(10,18,40,.10);

    --wa-glow: rgba(52,255,182,.40);
    --wa-glow2: rgba(109,123,255,.35);

    --wa-topbar: rgba(255,255,255,.60);
    --wa-topbar-border: rgba(10,18,40,.08);
}

/* ===== Apply tokens to your superadmin/workant basics (override without full refactor) ===== */
body.theme-dark, body.theme-light{
    background: linear-gradient(180deg, var(--wa-bg), var(--wa-bg2));
    color: var(--wa-text);
}

/* superadmin topbar overrides */
.wa-super-topbar, .wa-super-lite-topbar{
    background: var(--wa-topbar) !important;
    border-bottom: 1px solid var(--wa-topbar-border) !important;
    backdrop-filter: blur(14px);
}

/* cards */
.wa-super-card, .wa-card, .wa-super-empty-card, .wa-modal-dialog{
    background: var(--wa-card) !important;
    border-color: var(--wa-border) !important;
}

/* text helpers */
.wa-super-muted, .wa-muted, .wa-modal-sub{
    color: var(--wa-muted) !important;
}