/* ============================================================
   BAYMEET · FONTS.CSS
   Ruta:
   public/assets/css/core/fonts.css

   Fuentes:
   - Lato 500
   - Lato 900
============================================================ */

/* ============================================================
   LATO · MEDIUM 500
============================================================ */

@font-face {
    font-family: "Lato";

    src:
        url("../../fonts/lato-500.woff2")
        format("woff2");

    font-weight: 500;

    font-style: normal;

    font-display: swap;
}

/* ============================================================
   LATO · BLACK 900
============================================================ */

@font-face {
    font-family: "Lato";

    src:
        url("../../fonts/lato-900.woff2")
        format("woff2");

    font-weight: 900;

    font-style: normal;

    font-display: swap;
}

/* ============================================================
   VARIABLES GLOBALES
============================================================ */

:root {

    /* LOGO */
    --font-logo:
        "Lato",
        system-ui,
        sans-serif;

    /* TÍTULOS */
    --font-titles:
        "Lato",
        system-ui,
        sans-serif;

    /* TEXTO GENERAL */
    --font-body:
        "Calibri",
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;
}

/* ============================================================
   BASE GENERAL
============================================================ */

html,
body {

    font-family: var(--font-body);

    font-weight: 400;

    text-rendering: optimizeLegibility;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;
}