@layer webflow-base {
  :root {
    --colors--neutral--black: #1c1716;
    --colors--neutral--300: #cdcccf;
    --colors--link: #ff8045;
    --colors--neutral--800: #46403f;
    --colors--primary--primary: #f6844b;
    /* Typography role primitives (sc-121353 collapse 5a) — consumed by the
       shared .title-32 / .heading-style-h7 / .small-title / .btn-text-small
       rules. jaumo: white strong text + heavy heading weights (the display font
       itself comes from the DB theme via --font-display). */
    --about-believe-comp-gap-mob: 1rem;
    --colors--neutral--900: #272221;
    --colors--neutral--200: #ededed;
    --colors--neutral--white: white;
    --colors--neutral--600: #605d5c;
    --colors--primary--primary-darker: #241905;
    /* Hero skeleton tokens (step 3) — jaumo: no wrapper gap, wide left column. */
    --hero-wrapper-gap: 0rem;
    --hero-left-flex: 0 auto;
    --hero-left-align: flex-start;
    --hero-left-min-width: 42rem;
    --home-hero-bg: #272221;
    --home-hero-pt: 6.5rem;
    --home-hero-pt-mob: 6rem;
    --home-hero-overflow: visible;
    /* Hero image tokens (step 4a) — jaumo is the only brand with an overlay,
       so its wrapper is a real positioned box (display:block); the others stay
       display:contents. */
    --hero-img-wrap-display: block;
    --hero-img-wrap-w: 81.88rem;
    --hero-img-wrap-h: 39.88rem;
    --hero-img-wrap-ml: -6rem;
    --hero-img-wrap-mt-mob: 1.5rem;
    --hero-img-wrap-ml-mob: -0.63rem;
    --hero-img-desk-w: 81.88rem;
    --hero-img-desk-h: 39.88rem;
    --hero-img-mob-w: 27.69rem;
    --hero-img-mob-h: 18.75rem;
    --hero-img-mob-ml: 5.25rem;
    /* About-hero (debranch) — dark card, wide copy column, huge left-bleed image. */
    --about-hero-maxh: 29.5rem;
    --about-hero-overflow: hidden;
    --about-hero-pb: 5rem;
    --about-hero-left-flex: none;
    --about-hero-left-w: 38rem;
    --about-hero-img-flex: none;
    --about-hero-img-w: 72.71rem;
    --about-hero-img-h: 53.81rem;
    --about-hero-img-mt: 2.75rem;
    --about-hero-img-ml: -15.6rem;
    --about-hero-ismob-w: 20.44rem;
    --about-hero-ismob-h: 14.44rem;
    --about-hero-ismob-mt: 1.13rem;
    --about-steps-top-gap: 7.5rem;
    /* dark-collapse (2b): jaumo IS the dark.css default for every tokenised
       rule except these two — its swiper slides don't grow, and its rich-text
       bold uses the body font (Satoshi) rather than the base `strong` Arial. */
    --swiper-slide-flex: none;
    --rich-strong-font: Satoshi, Arial, sans-serif;
  }
}