/* ============================================
   BASE.CSS - Resets, Variables, Fonts, Body
   ============================================ */

/* Font Face Declarations */
@font-face {
    font-family: 'Geist';
    src: url('../fonts/Geist/Geist-VariableFont_wght.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

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

/* CSS Variables */
:root {
    --bg-primary: #050509;
    --bg-secondary: #0A0A0F;
    --purple-primary: #8E44FF;
    --purple-accent: #B57CFF;
    --purple-light: #C99EFF;
    --text-primary: #FFFFFF;
    --text-muted: #A8A8B3;
    --text-secondary: #6B6B7A;
    --border-color: rgba(142, 68, 255, 0.2);
    --glow-purple: rgba(142, 68, 255, 0.3);
}

/* HTML & Body */
html {
    scroll-behavior: smooth;
    scroll-padding-top: 0;
    overflow-x: hidden;
}

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    background-color: var(--bg-primary);
    color: var(--text-primary);
    line-height: 1.6;
    overflow-x: hidden;
    position: relative;
}