/* ============================================================
   PANDA ONLINE — Dark Fantasy Theme
   panda-theme.css
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700;900&family=Cinzel:wght@400;600;700&family=Roboto:wght@300;400;500;700&display=swap');

/* ── CSS VARIABLES ─────────────────────────────────────────── */
:root {
    --teal:           #00e5cc;
    --teal-dim:       #00a896;
    --teal-glow:      rgba(0, 229, 204, 0.35);
    --gold:           #c8a84b;
    --gold-light:     #f0d070;
    --dark-bg:        #020c18;
    --panel-bg:       rgba(4, 18, 38, 0.88);
    --panel-border:   rgba(0, 180, 160, 0.35);
    --text:           #c5dde8;
    --text-dim:       #7a9fb0;
    --nav-height:     48px;
}

/* ── RESET ─────────────────────────────────────────────────── */
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html, body {
    font-family: 'Roboto', sans-serif !important;
    background: var(--dark-bg);
    color: var(--text);
    min-height: 100vh;
    overflow-x: hidden;
}

a { color: var(--teal); text-decoration: none; }
a:hover { text-decoration: underline; }

button { cursor: pointer; font-family: inherit; }

/* ── SCROLLBAR ─────────────────────────────────────────────── */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: var(--dark-bg); }
::-webkit-scrollbar-thumb { background: var(--teal-dim); border-radius: 3px; }

/* ── GLOBAL FONT OVERRIDE ───────────────────────────────────── */
*, *::before, *::after {
    font-family: 'Roboto', sans-serif;
}

/* Keep Cinzel Decorative ONLY for logo */
.hero__logo,
.auth-deco__logo {
    font-family: 'Cinzel Decorative', cursive !important;
}

/* Keep Cinzel for nav links */
.panda-nav__links a {
    font-family: 'Roboto', sans-serif;
}