/* --- Design System*/
:root {
    /* Paleta de Colores Definidos en Sesión 1 */
    --color-primary: #1A1A1A;      /* Negro Carbón */
    --color-secondary: #555555;    /* Gris Texto */
    --color-accent: #00FF9D;       /* Verde Neón */
    --color-bg-white: #FFFFFF;     /* Blanco Puro */
    --color-bg-light: #F9FBFD;     /* Blanco Humo/Grisáceo */
    --color-error: #FF5252;        /* Rojo Alerta */

    /* Tipografías */
    --font-heading: 'Montserrat', sans-serif;
    --font-body: 'Open Sans', sans-serif;

    /* Espaciados y Bordes*/
    --border-radius-card: 16px;
    --border-radius-btn: 4px;
    --container-width: 1200px;
    
    /* Efectos */
    --shadow-soft: 0 10px 30px rgba(0,0,0,0.05);
    --glow-accent: 0 0 15px rgba(0, 255, 157, 0.4);
}

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

body {
    font-family: var(--font-body);
    color: var(--color-primary);
    background-color: var(--color-bg-white);
    line-height: 1.6;
}

h1, h2, h3 {
    font-family: var(--font-heading);
}