/* ============================================================
   DESIGN TOKENS – Battle of Mage World kliens
   Egységes szín-, tér- és animáció-értékek minden új felülethez.
   ============================================================ */

/* Scrollbar globálisan elrejtve minden oldalon (görgetés végig működik) */
html {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar,
*::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

:root {
    /* Alapszínek */
    --c-void: #030509;
    --c-panel: #070c14;
    --c-panel-light: #0c1520;

    /* Kiemelő színek */
    --c-gold: #ffd24c;
    --c-gold-dim: #a67f2c;
    --c-cyan: #4cd4ff;
    --c-blue: #00aaff;
    --c-purple: #b066ff;

    /* Szöveg */
    --c-text: #eaf4fb;
    --c-text-dim: #9fb3c2;

    /* Keretek / üveg */
    --border-glass: rgba(255, 255, 255, 0.08);
    --border-glow-cyan: rgba(76, 212, 255, 0.35);
    --border-glow-gold: rgba(255, 210, 76, 0.45);

    /* Szemantikus hatás-színek (buff / debuff megkülönböztetés) */
    --c-buff: #6df7c1;
    --c-debuff: #ff6b6a;

    /* Sugarak */
    --radius-s: 6px;
    --radius-m: 12px;
    --radius-l: 18px;

    /* Időzítés */
    --ease-premium: cubic-bezier(0.22, 1, 0.36, 1);
    --t-fast: 150ms;
    --t-mid: 220ms;
    --t-slow: 300ms;

    /* Rétegek */
    --z-shell: 500;
    --z-overlay: 900;
    --z-tooltip: 950;
}