/*
Theme Name:   Hello Elementor Child — BeMultiplied
Template:     hello-elementor
Version:      1.0.32
Description:  BeMultiplied creative agency child theme. Built on Hello Elementor + Elementor.
*/

/* ============================================================
   DESIGN TOKENS — Extracted from Figma MCP (node 7621:2252, NEW HOME)
   Canvas width: 1440px
   ============================================================ */

:root {

    /* ── COLORS ── */
    /* Primary dark brown — nav, footer, primary buttons */
    --bm-color-primary:         #2B1711;

    /* Secondary medium brown — Vision section, Impact section, quote blocks */
    --bm-color-secondary:       #443525;

    /* Deep near-black — Model section gradient end */
    --bm-color-dark:            #090606;

    /* Main page background */
    --bm-color-bg:              #FFFFFF;

    /* Dark section background (same as primary) */
    --bm-color-bg-dark:         #2B1711;

    /* Medium dark section background */
    --bm-color-bg-mid:          #443525;

    /* Primary text on light backgrounds */
    --bm-color-text:            #2B1711;

    /* Text on dark backgrounds */
    --bm-color-text-light:      #FFFFFF;

    /* Muted / secondary text */
    --bm-color-text-muted:      rgba(255, 255, 255, 0.75);

    /* Teal — Give button, hover accents */
    --bm-color-teal:            #61C6C4;
    --bm-color-teal-dark:       #4aada9;    /* hover state */

    /* White */
    --bm-color-white:           #FFFFFF;

    /* ── GRADIENTS ── */
    /* Impact section overlay — image with dark gradient */
    --bm-gradient-impact:       linear-gradient(180deg, rgba(0, 0, 0, 0.5) 23%, rgba(68, 53, 37, 1) 86%);

    /* Model section background */
    --bm-gradient-model:        linear-gradient(180deg, rgba(68, 53, 37, 1) 1%, rgba(9, 6, 6, 1) 60%);

    /* ── TYPOGRAPHY ── */
    /* Heading font — all H1–H3 level headings */
    --bm-font-heading:          'Roboto Serif', serif;

    /* Body font — all paragraph and UI text */
    --bm-font-body:             'Roboto', sans-serif;

    /* ── FONT SIZES ── */
    /* Large headings (H1 equivalent — intro, section headings, stats) */
    --bm-fs-h1:                 48px;
    --bm-fs-h1-tab:             38px;    /* ~80% */
    --bm-fs-h1-mob:             32px;    /* ~65% */

    /* Section card headings, impact items, support headings */
    --bm-fs-h2:                 24px;
    --bm-fs-h2-tab:             20px;
    --bm-fs-h2-mob:             18px;

    /* Large body text (intro subheading, testimonial quote, impact subheading) */
    --bm-fs-body-lg:            18px;
    --bm-fs-body-lg-tab:        16px;
    --bm-fs-body-lg-mob:        15px;

    /* Standard body text (descriptions, model subheading, location) */
    --bm-fs-body:               16px;
    --bm-fs-body-tab:           15px;
    --bm-fs-body-mob:           14px;

    /* ── FONT WEIGHTS ── */
    --bm-fw-regular:            400;
    --bm-fw-semibold:           600;

    /* ── LINE HEIGHTS ── */
    --bm-lh-heading:            1.167em;    /* Figma: 1.1666666269302368em */
    --bm-lh-card-heading:       1.171em;    /* Figma: 1.1710000038146973em */
    --bm-lh-body:               1.172em;    /* Figma: 1.171875em */

    /* ── LETTER SPACING ── */
    --bm-ls-heading:            -0.02em;    /* Figma: -2% on all headings */
    --bm-ls-body:               0em;

    /* ── SPACING & LAYOUT ── */
    /* Figma canvas frame width */
    --bm-container-width:       1440px;

    /* Desktop side padding — from Figma section padding (120px L/R) */
    --bm-side-padding:          120px;
    --bm-side-padding-tab:      40px;
    --bm-side-padding-mob:      24px;

    /* Section vertical padding */
    --bm-section-pad-v:         80px;
    --bm-section-pad-v-tab:     60px;
    --bm-section-pad-v-mob:     48px;

    /* Common gap values from Figma */
    --bm-gap-sm:                16px;
    --bm-gap-md:                24px;
    --bm-gap-lg:                40px;
    --bm-gap-xl:                72px;

    /* ── BORDER RADIUS ── */
    /* Not specified in Figma data — set to 0 until confirmed */
    --bm-radius-btn:            0px;
    --bm-radius-card:           0px;

    /* ── TRANSITIONS ── */
    --bm-transition-speed:      200ms;
    --bm-transition-ease:       ease;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}