/* fonts.css */

/* 1) Importar las fuentes desde Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Alex+Brush&family=Dancing+Script:wght@400..700&family=Lobster+Two:ital,wght@0,400;0,700;1,400;1,700&family=Pacifico&family=Sacramento&family=Style+Script&family=Yellowtail&display=swap&family=Tangerine:wght@400;700');

/* 2) (Opcional) Alias por si se quieren nombres más “limpios” */
/* .font-roboto {
    font-family: "Roboto", sans-serif;
}

.font-dancing-script {
    font-family: "Dancing Script", cursive;
}

.font-libre-baskerville {
    font-family: "Libre Baskerville", serif;
} */

/* 3) Estilos para la caja de previsualización (si se quiere centralizar aquí) */
/* .font-preview-box {
    border: 1px solid #ccc;
    padding: 10px;
    min-height: 40px;
    background: #fafafa;
    font-size: 36px;
} */

@font-face {
    font-family: 'harry_pregular';
    src: url('../fonts/harryp__-webfont.woff2') format('woff2'),
         url('../fonts/harryp__-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'waltograph_uibold';
    src: url('../fonts/walt_disney_script-webfont.woff2') format('woff2'),
         url('../fonts/walt_disney_script-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}