/* assets/css/base.css - Base styles and reset */

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

:root {
    /* Cool Cyber Theme */
    --primary: #00D9FF;
    --secondary: #FF6B35;
    --accent: #7B68EE;
    --golden-yellow: #FFD700;
    --dark-bg: #0B0D17;
    --darker-bg: #050814;
    --light-bg: #F8FAFC;
    --card-bg: #161B2E;
    --dark-text: #2D3748;
    --light-text: #E2E8F0;
    --gradient-primary: linear-gradient(135deg, #00D9FF 0%, #7B68EE 100%);
    --gradient-secondary: linear-gradient(135deg, #FF6B35 0%, #F093FB 100%);
    --glow-primary: 0 0 20px rgba(0, 217, 255, 0.3);
    --glow-secondary: 0 0 20px rgba(255, 107, 53, 0.3);
}

body {
    font-family: 'Inter', 'SF Pro Display', -apple-system, BlinkMacSystemFont, sans-serif;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    min-height: 100vh;
    position: relative;
}

body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.03;
    background-image: 
        radial-gradient(circle at 25% 25%, var(--primary) 0%, transparent 50%),
        radial-gradient(circle at 75% 75%, var(--secondary) 0%, transparent 50%);
}