@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto/Roboto-Regular.ttf') format('truetype');
}

:root{
    --oscuro: #21272A;
    --principal: #e65644;
    --anaranjado: #ED752D;
    --white: #FFFFFF;
    --gris: #9d9d9d;
    --grisclaro: #e9e9e9;
    --textsecondary: #666666;
}

h1,h2,h3,h4,h5,h6{
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
}

h1{
    font-size: 2rem;
    color: var(--textsecondary);
}
h2{
    font-size: 1.5rem;
    color: var(--textsecondary);
}
h3{
    font-size: 1.6rem;
    color: var(--textsecondary);
}
h4{
    font-size: 1.4rem;
    color: var(--textsecondary);
}
h5{
    font-size: 1.2rem;
    color: var(--textsecondary);
}
h6{
    font-size: 1rem;
    color: var(--textsecondary);
}