/*!
 * CloudTart — Local Funnel font family
 * ---------------------------------------------------------------
 * The original theme was set to "Kanit" and "newYork". Inspiration
 * from `elhamgiri/` showed the editorial pairing "Funnel Display"
 * (headings) + "Funnel Sans" (body), originally served from Google
 * Fonts. To keep the theme 100% self-contained, both families are
 * shipped as variable woff2 files inside assets/fonts/, and this
 * stylesheet declares the @font-face rules. Two subsets are
 * provided per face (latin + latin-ext) and the `unicode-range`
 * directive lets the browser only download the file it actually
 * needs based on the page content.
 *
 * Theme typography variables defined here:
 *   --ct-font-display  →  headings, hero titles, accent type
 *   --ct-font-body     →  paragraph copy, UI text
 * Apply these via the theme's existing `font-family` declarations
 * (override of Kanit / newYork happens in cloudtart-overrides.css).
 *
 * Variable axis: `wght` 300-800 is supported by both fonts;
 * declaring `font-weight: 300 800` lets one file serve every weight.
 */

/* ===== Funnel Display — headings ===== */
@font-face {
    font-family: 'Funnel Display';
    font-style: normal;
    font-weight: 300 800;
    font-display: swap;
    src: url('../fonts/funnel-display/FunnelDisplay-VF.latin.woff2') format('woff2-variations'),
         url('../fonts/funnel-display/FunnelDisplay-VF.latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
                   U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
                   U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Funnel Display';
    font-style: normal;
    font-weight: 300 800;
    font-display: swap;
    src: url('../fonts/funnel-display/FunnelDisplay-VF.latin-ext.woff2') format('woff2-variations'),
         url('../fonts/funnel-display/FunnelDisplay-VF.latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
                   U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
                   U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* ===== Funnel Sans — body, UI ===== */
@font-face {
    font-family: 'Funnel Sans';
    font-style: normal;
    font-weight: 300 800;
    font-display: swap;
    src: url('../fonts/funnel-sans/FunnelSans-VF.latin.woff2') format('woff2-variations'),
         url('../fonts/funnel-sans/FunnelSans-VF.latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
                   U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
                   U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Funnel Sans';
    font-style: normal;
    font-weight: 300 800;
    font-display: swap;
    src: url('../fonts/funnel-sans/FunnelSans-VF.latin-ext.woff2') format('woff2-variations'),
         url('../fonts/funnel-sans/FunnelSans-VF.latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
                   U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
                   U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Funnel Sans';
    font-style: italic;
    font-weight: 300 800;
    font-display: swap;
    src: url('../fonts/funnel-sans/FunnelSans-Italic-VF.latin.woff2') format('woff2-variations'),
         url('../fonts/funnel-sans/FunnelSans-Italic-VF.latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
                   U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
                   U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Funnel Sans';
    font-style: italic;
    font-weight: 300 800;
    font-display: swap;
    src: url('../fonts/funnel-sans/FunnelSans-Italic-VF.latin-ext.woff2') format('woff2-variations'),
         url('../fonts/funnel-sans/FunnelSans-Italic-VF.latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
                   U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
                   U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* ===== Theme typography variables =====
 * Other override rules reference these so a future swap to
 * another family means changing ONE place, not every selector. */
:root {
    --ct-font-display: 'Funnel Display', 'Helvetica Neue', Arial, sans-serif;
    --ct-font-body:    'Funnel Sans',    'Helvetica Neue', Arial, sans-serif;
}

/* ===== Apply to the theme =====
 * Body & inline runs use Funnel Sans, headings + the brand "display"
 * elements use Funnel Display. These selectors override the original
 * Kanit / newYork declarations from cloudtart-main.css. Loaded AFTER
 * that file in functions.php so the cascade lands cleanly. */
body,
input, button, textarea, select {
    font-family: var(--ct-font-body) !important;
}

h1, h2, h3, h4, h5, h6,
.hero__title, .hero__sub-title,
.header_v1, .header_v2, .header_v3,
.about__title-wrapper .header_v1,
.portfolio__text, .portfolio__title,
.service__title,
.team__hero-title, .services__hero-title, .webdesign__hero-title,
.archive__hero-title, .single__hero-title,
.single__content h1, .single__content h2, .single__content h3,
.ct-team-name, .ct-cat__label, .ct-cat__title, .ct-gallery__title,
.counter__number,
.sec-title, .sec-title-3, .sec-title-4, .sec-title-8, .sec-title-16,
.mxd-counter__number, .mxd-stats-number,
.mxd-services-stack__title h3 {
    font-family: var(--ct-font-display) !important;
}

/* Smoothing nudge — Funnel Sans/Display have refined hairlines that
   benefit from the standard cross-platform smoothing pair. */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}