/**
 * FSPL theme - Fonts: font stacks usage, Archivo width axis, fluid type scale
 * Colours/fonts come from tokens.css. Do not add inline styles in Elementor content; add a class here instead.
 */

/* Fonts are loaded from Google Fonts by the theme (see inc/class-fspl-assets.php): Archivo (variable width + weight),
   IBM Plex Sans, IBM Plex Mono. The stacks live in tokens.css (--fspl-font-display / -body / -mono). */
body{font-family:var(--fspl-font-body);font-size:16px;line-height:1.6;color:var(--fspl-ink)}
.fspl-display .elementor-heading-title{font-family:var(--fspl-font-display)}
.fspl-mono{font-family:var(--fspl-font-mono)}

/* ========== Archivo width axis (condensed headings, as in the design) ========== */
.fspl-fs76 .elementor-heading-title{font-stretch:76%}.fspl-fs80 .elementor-heading-title{font-stretch:80%}.fspl-fs82 .elementor-heading-title{font-stretch:82%}.fspl-fs84 .elementor-heading-title{font-stretch:84%}.fspl-fs88 .elementor-heading-title{font-stretch:88%}.fspl-fs90 .elementor-heading-title{font-stretch:90%}
.fspl-logo-mark .elementor-heading-title{font-stretch:80%!important}

/* ========== Fluid type scale and paddings (clamp values from the design) ========== */
.elementor .elementor-element.fspl-t-h1 .elementor-heading-title.elementor-heading-title{font-size:clamp(44px,6.2vw,84px)}
.elementor .elementor-element.fspl-t-bh1 .elementor-heading-title.elementor-heading-title{font-size:clamp(38px,4.8vw,60px)}
.elementor .elementor-element.fspl-t-h2 .elementor-heading-title.elementor-heading-title{font-size:clamp(32px,3.8vw,48px)}
.elementor .elementor-element.fspl-t-h2s .elementor-heading-title.elementor-heading-title{font-size:clamp(26px,2.6vw,34px)}
.elementor .elementor-element.fspl-t-pdh .elementor-heading-title.elementor-heading-title{font-size:clamp(32px,3.6vw,46px)}
.elementor .elementor-element.fspl-t-num .elementor-heading-title.elementor-heading-title{font-size:clamp(40px,4.4vw,64px)}
.elementor .elementor-element.fspl-t-lede.elementor-widget,.elementor .elementor-element.fspl-t-lede .elementor-widget-container{font-size:clamp(17px,1.55vw,20px)}
.elementor .elementor-element.fspl-t-ledelg.elementor-widget,.elementor .elementor-element.fspl-t-ledelg .elementor-widget-container{font-size:clamp(19px,1.8vw,22px)}