/* webroot/css/custom-fonts.css */

/* Definir Montserrat */
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900; /* Rango variable */
    font-style: normal;
}

/* Definir Scarlett */
@font-face {
    font-family: 'Scarlett';
    src: url('../fonts/Scarlett Busiat.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Aplicar Montserrat al cuerpo general */
body, p, a, .btn {
    font-family: 'Montserrat', sans-serif !important;
}

/* Aplicar Scarlett a Títulos Grandes y Logotipo */
h1, h2, .navbar-brand, .display-1, .text-huge-title {
    font-family: 'Scarlett', serif !important;
    letter-spacing: 1px;
}

/* Ajuste para que Scarlett no se vea muy pequeña */
h1, .display-1 {
    font-weight: normal !important; /* Scarlett suele ser gruesa por defecto */
}