/* ============================================ */
/* ARCHIVO: variables.css
/* DESCRIPCIÓN: Variables CSS, reset y estilos del body
/* ============================================ */

/* Reset básico */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Variables CSS (colores, fuentes, espaciado) */
:root {
    /* Colores */
    --primary-900: #0A1628;
    --primary-700: #1E3A5F;
    --primary-500: #2563EB;
    --primary-400: #3B82F6;
    --primary-300: #60A5FA;
    --primary-100: #DBEAFE;
    
    --secondary-700: #5B21B6;
    --secondary-500: #8B5CF6;
    --secondary-300: #C4B5FD;
    
    --neutral-950: #0F172A;
    --neutral-900: #1E293B;
    --neutral-800: #334155;
    --neutral-600: #64748B;
    --neutral-400: #94A3B8;
    --neutral-200: #E2E8F0;
    --neutral-100: #F1F5F9;
    --neutral-50: #F8FAFC;
    
    --success-500: #10B981;
    
    /* Tipografía */
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    
    /* Espaciado */
    --space-4: 1rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --space-24: 6rem;
    --space-32: 8rem;
}

/* Estilos base del body */
body {
    font-family: var(--font-body);
    font-size: 1rem;
    line-height: 1.6;
    color: var(--primary-900);
    background: var(--neutral-50);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}