/* Light Theme */
body.light {
    --bg-color: #ffffff;
    --text-color: #000000;
    --border-color: rgba(0, 0, 0, 0.1);
}

/* Dark Theme */
body.dark {
    --bg-color: #0a0a0a;
    --text-color: #ffffff;
    --border-color: rgba(255, 255, 255, 0.1);
}

/* Monospaced Font Mode (works with both light and dark) */
body.monospaced-font,
body.monospaced-font * {
    font-family: 'Courier New', Courier, monospace !important;
    letter-spacing: 0.05em;
}

body.monospaced-font .hero-name {
    text-shadow: 0 0 10px var(--text-color);
}

body.monospaced-font .nav-btn.active {
    box-shadow: 0 0 10px var(--text-color);
}

/* Default to dark theme */
body {
    --bg-color: #0a0a0a;
    --text-color: #ffffff;
    --border-color: rgba(255, 255, 255, 0.1);
}