@import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&family=Spline+Sans:wght@400;600;700&display=swap);

/* Import fonts */
/* Font Face Declarations */
@font-face {
    font-family: 'Lato';
    src: url('/fonts/lato/lato-regular.woff2') format('woff2'),
         url('/fonts/lato/lato-regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lato';
    src: url('/fonts/lato/lato-bold.woff2') format('woff2'),
         url('/fonts/lato/lato-bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Spline Sans';
    src: url('/fonts/spline-sans/spline-sans-regular.woff2') format('woff2'),
         url('/fonts/spline-sans/spline-sans-regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Spline Sans';
    src: url('/fonts/spline-sans/spline-sans-semibold.woff2') format('woff2'),
         url('/fonts/spline-sans/spline-sans-semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
/* Root Variables */
:root {
    --font-lato: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --font-spline: 'Spline Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
/* Base Styles */
html {
    font-family: var(--font-lato);
}
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-spline);
}
/* Utility Classes */
.font-lato {
    font-family: var(--font-lato) !important;
}
.font-spline {
    font-family: var(--font-spline) !important;
}
/* Font Feature Settings */
.font-features-normal {
    font-feature-settings: 'kern', 'liga', 'clig', 'calt';
}
.font-features-heading {
    font-feature-settings: 'kern', 'liga', 'clig', 'calt', 'dlig';
}
/* Fallback System */
.text-content {
    font-family: var(--font-lato), 'Helvetica Neue', Arial, sans-serif;
}
.text-heading {
    font-family: var(--font-spline), 'Helvetica Neue', Arial, sans-serif;
}