/* ==========================================================================
   RESET CSS - Normalización de estilos base (Estilo Kadence)
   ========================================================================== */

/* 1. Box Sizing Universal y Limpieza de Márgenes */
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* 2. Configuración del Documento Base */
html {
    /* Conectamos el HTML con nuestros Tokens de Diseño */
    font-family: var(--font-family-base);
    font-size: 16px; /* Tamaño raíz para el uso de 'rem' */
    color: var(--color-text-main);
    background-color: var(--color-bg-app);
    
    /* Previene que dispositivos móviles hagan zoom automático en textos */
    -webkit-text-size-adjust: 100%; 
}

body {
    min-height: 100vh;
    line-height: 1.5;
    
    /* Renderizado de fuentes elegante y nítido para monitores modernos */
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale;
}

/* 3. Normalización de Medios (Imágenes responsivas por defecto) */
img, picture, video, canvas, svg {
    display: block;
    max-width: 100%;
}

/* 4. Normalización de Formularios */
/* Por defecto, los inputs no heredan la tipografía del body. Esto lo soluciona. */
input, button, textarea, select {
    font: inherit;
    color: inherit;
}

/* 5. Limpieza de Interacciones */
button {
    border: none;
    background: transparent;
    cursor: pointer;
}

/* Quita el contorno nativo feo, pero mantiene la accesibilidad usando nuestro token */
button:focus-visible, 
input:focus-visible, 
select:focus-visible, 
textarea:focus-visible {
    outline: none;
    box-shadow: var(--shadow-input-focus);
}

/* 6. Enlaces */
a {
    text-decoration: none;
    color: var(--color-primary);
}