/* ==========================================================
   NovasasK site font: Buenos Aires ("BA"), the same font as the blog.
   Linked on every page after the theme styles.
   Open Sans and system fonts are only fallbacks.
   ========================================================== */
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");

@font-face {
    font-family: "BA";
    src: url("../fonts/BuenosAires-Regular.woff") format("woff");
    font-weight: 100 500;   /* light, regular, medium */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "BA";
    src: url("../fonts/BuenosAires-SemiBold.woff") format("woff");
    font-weight: 600 700;   /* semibold, bold */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "BA";
    src: url("../fonts/BuenosAires-Black.woff") format("woff");
    font-weight: 800 900;   /* extra bold, black */
    font-style: normal;
    font-display: swap;
}

:root {
    --font: "BA", "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;

    /* the theme and Bootstrap read their font from these */
    --vp-font-sans-serif: var(--font);
    --vp-body-font-family: var(--font);
    --vp-font-family-sans-serif: var(--font);
    --vp-btn-font-family: var(--font);
    --bs-font-sans-serif: var(--font);
    --bs-body-font-family: var(--font);
    --font-outfit: var(--font);
}

body,
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.display-1, .display-2, .display-3, .display-4, .display-5, .display-6,
p, a, li, dt, dd, label, blockquote, figcaption, table, th, td,
button, input, select, textarea, optgroup,
.btn, .form-control, .form-select, .form-label,
.navbar, .nav-link, .dropdown-menu, .dropdown-item,
.modal, .tooltip, .popover, .badge, .card, .accordion-button,
.hero-title, .ielts-title, .sub-title-font, .google-review-badge,
.visitor-hero-left h2, .visitor-section, .hero-page-subtitle {
    font-family: var(--font);
}