/*
 * base.css - Grundlegende Styles für Rocket100 NFT Battle Mini App
 * Enthält: CSS Variables, Reset, Typography, Base Elements
 */

/* CSS Variables */
:root {
    --primary-blue: #066EE1;
    --primary-blue-dark: #1464c0;
    --primary-blue-light: #2E8AFF;
    --accent-cyan: #00FFFF;
    --accent-gold: #FFD700;
    --accent-green: #00FF7F;
    --accent-purple: #8A2BE2;
    --accent-orange: #FF8C00;
    --dark-bg: #000000;
    --dark-bg-secondary: #0a0a0a;
    --dark-bg-tertiary: #151515;
    --text-primary: #FFFFFF;
    --text-secondary: #E0E0E0;
    --text-muted: #B0B0B0;
    --glass-bg: rgba(255, 255, 255, 0.1);
    --glass-border: rgba(255, 255, 255, 0.2);
    --shadow-glow: 0 0 20px;
    --shadow-soft: 0 3px 15px rgba(0, 0, 0, 0.3);
    --credit-gold: #FFD700;
    --credit-glow: rgba(255, 215, 0, 0.6);
}

/* CSS Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Base Body Styles */
body {
    font-family: 'Rajdhani', sans-serif;
    background: var(--dark-bg);
    color: var(--text-primary);
    overflow-x: hidden;
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    position: fixed;
    width: 100%;
    height: 100%;
    font-size: 14px;
}

/* Basic Typography */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Orbitron', monospace;
    color: var(--text-primary);
}

/* Scrollbar Styling */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: var(--dark-bg-secondary);
}

::-webkit-scrollbar-thumb {
    background: var(--primary-blue);
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--primary-blue-light);
}

/* Selection Styling */
::selection {
    background: var(--accent-cyan);
    color: var(--dark-bg);
}

::-moz-selection {
    background: var(--accent-cyan);
    color: var(--dark-bg);
}