/* Base CSS - Reset, Variables, Typography */

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

/* CSS Variables */
:root {
    --primary: #2563eb;
    --primary-dark: #1d4ed8;
    --accent: #0ea5e9;
    --success: #00C4B4;
    --warning: #dc2626;
    --neutral-900: #0f0f0f;
    --neutral-800: #1a1a1a;
    --neutral-700: #262626;
    --neutral-300: #d4d4d8;
    --neutral-200: #f4f4f6;
    --neutral-100: #f4f4f5;
    --glass-bg: rgba(255, 255, 255, 0.08);
    --glass-border: rgba(255, 255, 255, 0.12);
    --space-1: 0.5rem;
    --space-2: 1rem;
    --space-3: 1.5rem;
    --space-4: 2rem;
    --space-5: 2.5rem;
    --space-6: 3rem;
    --space-8: 4rem;
    --space-10: 5rem;
    --content-text-weight: 300;
    --background-overlay-opacity: 0.65;
}

/* Base Body Styles */
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    /* background: linear-gradient(135deg, var(--neutral-900) 0%, var(--neutral-800) 100%); */
    background: none;
    color: var(--neutral-100);
    min-height: 100vh;
    overflow-x: hidden;
    font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
    line-height: 1.6;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(20, 20, 30, var(--background-overlay-opacity));
    z-index: 0;
    pointer-events: none;
    transition: background 0.3s, opacity 0.3s;
}

body, .container, .main-content, .about-page {
    position: relative;
    z-index: 1;
}

/* Focus Styles */
*:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
    border-radius: 8px;
}

/* Animations */
@keyframes shimmer {
    0% { left: -100%; }
    100% { left: 200%; }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    * {
        transition: none !important;
        animation: none !important;
    }
}

.text-main {
    color: #fff !important;
}
.text-secondary {
    color: #cccccc !important;
}
.text-accent {
    color: var(--accent) !important;
}
.text-warning {
    color: var(--warning) !important;
}