@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap');

:root {

    --color-fondo: #ffffff;
    --color-texto-oscuro: #333333;
    --color-texto-claro: #fafafa;

    --color-bordes: #ccc;
    --color-cards: #f5f5f5; 

    --color-primario: #1f1f1f;
    --color-primario-hover: #111111;

    --color-secundario: #f97316;
    --color-secundario-hover: #ea580c;

    --color-placeholder: #777; 
    --color-link: #0553c7;
    --color-divider: #ddd; 
    --color-social-hover: #f0f0f0; 

    --color-sombra: rgba(0, 0, 0, 0.15);

    --color-rojo: #da1818;
    --color-gris-oscuro: #242424;
    --color-negro: #000000;
    --color-blanco: #fff; 
    
    --color-error-texto: #991b1b; 
    --color-error-fondo: #fff5f5;

}

* {
    background-color: var(--color-fondo);
}

/* Uso de los colores */
body {
    background-color: var(--color-fondo);
    color: var(--color-texto-oscuro);
    font-family: 'Inter', sans-serif;
}

input {
    border-radius: 20px;
    border: 1px solid var(--color-bordes);
    outline: none;
    align-items: center;
}

a {
    text-decoration: none;
    color: var(--color-texto-oscuro);
}