/* ==========================================================
   BASKINTA TYPOGRAPHY SYSTEM V1

   FINAL TYPOGRAPHY AUTHORITY

   Reference:
   About Baskinta
   "A Village of Many Layers"

   Typography only.
   No geometry / card / section / layout changes.
   ========================================================== */


:root {

    /* ------------------------------------------------------
       EDITORIAL
       ------------------------------------------------------ */

    --bk-type-editorial:
        Georgia,
        "Times New Roman",
        Times,
        serif;


    /* ------------------------------------------------------
       BODY / INTERFACE
       Already loaded by the parent theme.
       ------------------------------------------------------ */

    --bk-type-body:
        "Inter",
        "Segoe UI",
        Arial,
        sans-serif;


    /* ------------------------------------------------------
       STRONG UI / DISPLAY
       Already loaded by parent theme.
       ------------------------------------------------------ */

    --bk-type-ui:
        "Kumbh Sans",
        "Inter",
        "Segoe UI",
        Arial,
        sans-serif;


    /* ------------------------------------------------------
       SIGNATURE
       Temporary system fallback.
       Can later be replaced by one dedicated webfont.
       ------------------------------------------------------ */

    --bk-type-signature:
        "Segoe Script",
        "Lucida Handwriting",
        "Brush Script MT",
        cursive;


    --bk-type-navy:
        #164B63;

    --bk-type-blue:
        #0877A6;

    --bk-type-body-color:
        #18364B;

    --bk-type-muted:
        #667B8E;

}


/* ==========================================================
   BODY
   ========================================================== */

body.baskinta-v1 {

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

    color:
        var(--bk-type-body-color);
}


/* ==========================================================
   STANDARD PARAGRAPHS
   ========================================================== */

body.baskinta-v1 p {

    font-family:
        var(--bk-type-body);
}


/* ==========================================================
   EDITORIAL SECTION HEADINGS
   LOCKED REFERENCE:
   "A Village of Many Layers"
   ========================================================== */


/*
 * Canonical reusable classes.
 */

.bk-editorial-title,
.bk-section-title,


/*
 * HOMEPAGE
 *
 * Actual audited selector:
 * .bk-section-heading h2
 */

.bk-section-heading h2,

.bk-pictures-title h2,


/*
 * ABOUT BASKINTA
 */

.bk-about-copy h2,
.bk-about-section-head h2,
.bk-about-tomorrow-copy h2,


/*
 * DISCOVER BASKINTA
 */

.bk-discover-heading h2,
.bk-discover-featured > .bk-v2-container > h2,
.bk-discover-map-copy h2 {

    font-family:
        var(--bk-type-editorial)
        !important;

    font-size:
        clamp(
            36px,
            3vw,
            44px
        ) !important;

    font-weight:
        700 !important;

    line-height:
        1.06 !important;

    letter-spacing:
        -.035em !important;

    color:
        var(--bk-type-navy)
        !important;
}


/* ==========================================================
   KICKERS / EYEBROWS
   ========================================================== */

.bk-kicker,
.bk-eyebrow,
.bk-about-kicker {

    font-family:
        var(--bk-type-ui)
        !important;

    font-size:
        11px !important;

    font-weight:
        800 !important;

    line-height:
        1.2 !important;

    letter-spacing:
        .22em !important;

    text-transform:
        uppercase !important;

    color:
        var(--bk-type-blue)
        !important;
}


/* ==========================================================
   SECTION SUPPORTING COPY
   ========================================================== */

.bk-section-heading p,

.bk-pictures-title p,

.bk-about-section-head > p,

.bk-discover-heading p {

    font-family:
        var(--bk-type-body)
        !important;

    font-size:
        15px !important;

    font-weight:
        400 !important;

    line-height:
        1.6 !important;

    color:
        var(--bk-type-muted)
        !important;
}


/* ==========================================================
   STORY HERO HEADINGS

   Keep editorial hero treatment separate from section H2.
   ========================================================== */

.bk-story-hero-title,
.bk-about-hero h1,
.bk-discover-hero h1 {

    font-family:
        var(--bk-type-editorial)
        !important;

    font-weight:
        700 !important;

    letter-spacing:
        -.04em !important;

    line-height:
        .95 !important;
}


/* ==========================================================
   HOMEPAGE BRAND HERO

   BASKINTA remains strong sans-serif.
   ========================================================== */

.bk-hero h1 {

    font-family:
        var(--bk-type-ui)
        !important;

    font-weight:
        800 !important;
}


/* ==========================================================
   UI / FUNCTIONAL HEADINGS

   These intentionally do NOT use editorial serif.
   ========================================================== */

.bk-live-card h2,
.bk-live-card h3,

.bk-live-title h3,

.bk-feature-content h2,

.bk-explore-card h3,

.bk-discover-card h3,

.bk-discover-feature h3 {

    font-family:
        var(--bk-type-ui)
        !important;

    letter-spacing:
        normal;
}


/* ==========================================================
   BUTTONS / CONTROLS
   ========================================================== */

.bk-button,
.bk-btn,
.bk-about-button,

.bk-global-nav,
.bk-header-actions,

.bk-footer-nav,
.bk-footer-social {

    font-family:
        var(--bk-type-ui)
        !important;
}


/* ==========================================================
   SIGNATURE TYPOGRAPHY

   Used sparingly:
   "Same mountains. New opportunities."
   ========================================================== */

.bk-signature,
.bk-script,
.bk-about-tomorrow-image > strong {

    font-family:
        var(--bk-type-signature)
        !important;

    font-style:
        normal !important;

    font-weight:
        400 !important;

    line-height:
        1.15 !important;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media(max-width:767px) {

    .bk-editorial-title,
    .bk-section-title,

    .bk-section-heading h2,
    .bk-pictures-title h2,

    .bk-about-copy h2,
    .bk-about-section-head h2,
    .bk-about-tomorrow-copy h2,

    .bk-discover-heading h2,
    .bk-discover-featured > .bk-v2-container > h2,
    .bk-discover-map-copy h2 {

        font-size:
            31px !important;

        line-height:
            1.08 !important;
    }

}