/* ===========================================
   BASE.CSS - Variables, Reset, Typography
   =========================================== */

/* Global Theme - Revamp */
:root {
    --bg-color: #020b04;
    /* Deep Green Black */
    --text-color: #e0f2e9;
    --neon-green: #00ff41;
    --neon-dark: #008f11;
    --accent-gold: #ffd700;
    --glass-bg: rgba(0, 25, 5, 0.4);
    --glass-border: rgba(0, 255, 65, 0.2);
    --font-heading: 'Cinzel', serif;
    --font-cyber: 'Michroma', sans-serif;
    --font-body: 'Rajdhani', sans-serif;

    /* Red theme colors for Loki-Red glitch state */
    --theme-red: #ff0041;
    --theme-red-glow: rgba(255, 0, 65, 0.6);
    --theme-red-glass: rgba(25, 0, 5, 0.4);
    --theme-red-border: rgba(255, 0, 65, 0.2);
}

/* html {
    scroll-behavior: smooth;
    overflow-x: hidden;
} */

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}

body {
    background-color: var(--bg-color);
    color: var(--text-color);
    font-family: var(--font-body);
    overflow-x: hidden;
    max-width: 100vw;
}

body.loading {
    overflow: hidden;
}