/* WP BrandFlow - Typography */
/* Auto-generated - Do not edit manually */

:root {
  --font-h1-size: clamp(2.25rem, 4.5vw, 3.5rem);
  --font-h1-weight: 400;
  --font-h1-line: 1.2;
  --font-h1-track: -0.02em;
  --font-h2-size: clamp(1.875rem, 3.2vw, 2.75rem);
  --font-h2-weight: 400;
  --font-h2-line: 1.3;
  --font-h2-track: -0.01em;
  --font-h3-size: clamp(1.5rem, 2.5vw, 2rem);
  --font-h3-weight: 400;
  --font-h3-line: 1.3;
  --font-h3-track: -0.01em;
  --font-h4-size: clamp(1.25rem, 1.8vw, 1.625rem);
  --font-h4-weight: 600;
  --font-h4-line: 1.4;
  --font-h4-track: -0.01em;
  --font-h5-size: clamp(1.125rem, 1.4vw, 1.375rem);
  --font-h5-weight: 600;
  --font-h5-line: 1.4;
  --font-h5-track: 0;
  --font-h6-size: clamp(1rem, 1vw, 1.125rem);
  --font-h6-weight: 600;
  --font-h6-line: 1.5;
  --font-h6-track: 0;
  --font-body-xxs-size: clamp(0.75rem, 0.85vw, 0.875rem);
  --font-body-xxs-weight: 400;
  --font-body-xxs-line: 1.4;
  --font-body-xs-size: clamp(0.875rem, 0.95vw, 1rem);
  --font-body-xs-weight: 400;
  --font-body-xs-line: 1.5;
  --font-body-s-size: clamp(0.9375rem, 0.975vw, 1.0625rem);
  --font-body-s-weight: 400;
  --font-body-s-line: 1.55;
  --font-body-m-size: clamp(1rem, 1vw, 1.125rem);
  --font-body-m-weight: 400;
  --font-body-m-line: 1.6;
  --font-body-l-size: clamp(1.125rem, 1.25vw, 1.25rem);
  --font-body-l-weight: 400;
  --font-body-l-line: 1.7;
  --font-body-xl-size: clamp(1.25rem, 1.5vw, 1.5rem);
  --font-body-xl-weight: 400;
  --font-body-xl-line: 1.75;
  --font-body-xxl-size: clamp(1.5rem, 2vw, 2rem);
  --font-body-xxl-weight: 400;
  --font-body-xxl-line: 1.8;
}

body.brandflow .font-h1 {
  font-family: 'Playfair Display', serif;
  font-size: var(--font-h1-size);
  font-weight: var(--font-h1-weight);
  line-height: var(--font-h1-line);
  letter-spacing: var(--font-h1-track);
}

body.brandflow .font-h2 {
  font-family: 'Playfair Display', serif;
  font-size: var(--font-h2-size);
  font-weight: var(--font-h2-weight);
  line-height: var(--font-h2-line);
  letter-spacing: var(--font-h2-track);
}

body.brandflow .font-h3 {
  font-family: 'Playfair Display', serif;
  font-size: var(--font-h3-size);
  font-weight: var(--font-h3-weight);
  line-height: var(--font-h3-line);
  letter-spacing: var(--font-h3-track);
}

body.brandflow .font-h4 {
  font-family: 'Playfair Display', serif;
  font-size: var(--font-h4-size);
  font-weight: var(--font-h4-weight);
  line-height: var(--font-h4-line);
  letter-spacing: var(--font-h4-track);
}

body.brandflow .font-h5 {
  font-family: 'Playfair Display', serif;
  font-size: var(--font-h5-size);
  font-weight: var(--font-h5-weight);
  line-height: var(--font-h5-line);
  letter-spacing: var(--font-h5-track);
}

body.brandflow .font-h6 {
  font-family: 'Playfair Display', serif;
  font-size: var(--font-h6-size);
  font-weight: var(--font-h6-weight);
  line-height: var(--font-h6-line);
  letter-spacing: var(--font-h6-track);
}

body.brandflow .font-body-xxs {
  font-family: 'Manrope', sans-serif;
  font-size: clamp(0.75rem, 0.85vw, 0.875rem);
  font-weight: 400;
  line-height: 1.4;
}

body.brandflow .font-body-xs {
  font-family: 'Manrope', sans-serif;
  font-size: clamp(0.875rem, 0.95vw, 1rem);
  font-weight: 400;
  line-height: 1.5;
}

body.brandflow .font-body-s {
  font-family: 'Manrope', sans-serif;
  font-size: clamp(0.9375rem, 0.975vw, 1.0625rem);
  font-weight: 400;
  line-height: 1.55;
}

body.brandflow .font-body {
  font-family: 'Manrope', sans-serif;
  font-size: clamp(1rem, 1vw, 1.125rem);
  font-weight: 400;
  line-height: 1.6;
}

body.brandflow .font-body-l {
  font-family: 'Manrope', sans-serif;
  font-size: clamp(1.125rem, 1.25vw, 1.25rem);
  font-weight: 400;
  line-height: 1.7;
}

body.brandflow .font-body-xl {
  font-family: 'Manrope', sans-serif;
  font-size: clamp(1.25rem, 1.5vw, 1.5rem);
  font-weight: 400;
  line-height: 1.75;
}

body.brandflow .font-body-xxl {
  font-family: 'Manrope', sans-serif;
  font-size: clamp(1.5rem, 2vw, 2rem);
  font-weight: 400;
  line-height: 1.8;
}

body.brandflow .font-hero {
  font-family: 'Playfair Display', serif;
  font-size: clamp(3rem, 8vw, 5.625rem);
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: -0.03em;
}

body.brandflow .font-subtitle {
  font-family: 'Manrope', sans-serif;
  font-size: clamp(1.25rem, 2.5vw, 1.875rem);
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0;
}

body.brandflow .font-button {
  font-family: 'Manrope', sans-serif;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.02em;
}

body.brandflow .font-nav {
  font-family: 'Manrope', sans-serif;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0;
}

body.brandflow .font-light { font-weight: 300; }
body.brandflow .font-normal { font-weight: 400; }
body.brandflow .font-medium { font-weight: 500; }
body.brandflow .font-semibold { font-weight: 600; }
body.brandflow .font-bold { font-weight: 700; }
body.brandflow .font-extrabold { font-weight: 800; }

/* CRITICAL: Define ALL Elementor typography line-height CSS variables */
/* This ensures custom typography IDs (like bff6af6) have line-height defined */
:root,
body[class*="elementor-kit-"],
.elementor {
  --e-global-typography-primary-line-height: 1.2;
}

:root,
body[class*="elementor-kit-"],
.elementor {
  --e-global-typography-secondary-line-height: 1.3;
}

:root,
body[class*="elementor-kit-"],
.elementor {
  --e-global-typography-text-line-height: 1.6;
}

:root,
body[class*="elementor-kit-"],
.elementor {
  --e-global-typography-accent-line-height: 1.5;
}

:root,
body[class*="elementor-kit-"],
.elementor {
  --e-global-typography-207e534-line-height: 1.2;
}

:root,
body[class*="elementor-kit-"],
.elementor {
  --e-global-typography-5ff276c-line-height: 1.3;
}

:root,
body[class*="elementor-kit-"],
.elementor {
  --e-global-typography-c53bc1d-line-height: 1.3;
}

:root,
body[class*="elementor-kit-"],
.elementor {
  --e-global-typography-704c0b0-line-height: 1.4;
}

:root,
body[class*="elementor-kit-"],
.elementor {
  --e-global-typography-7de1f03-line-height: 1.4;
}

:root,
body[class*="elementor-kit-"],
.elementor {
  --e-global-typography-0f6ed91-line-height: 1.5;
}

:root,
body[class*="elementor-kit-"],
.elementor {
  --e-global-typography-bb00255-line-height: 1.4;
}

:root,
body[class*="elementor-kit-"],
.elementor {
  --e-global-typography-3ea2317-line-height: 1.5;
}

:root,
body[class*="elementor-kit-"],
.elementor {
  --e-global-typography-e36d8ae-line-height: 1.55;
}

:root,
body[class*="elementor-kit-"],
.elementor {
  --e-global-typography-bff6af6-line-height: 1.6;
}

:root,
body[class*="elementor-kit-"],
.elementor {
  --e-global-typography-c9e83f5-line-height: 1.7;
}

:root,
body[class*="elementor-kit-"],
.elementor {
  --e-global-typography-30b6f5c-line-height: 1.75;
}

:root,
body[class*="elementor-kit-"],
.elementor {
  --e-global-typography-2c29faa-line-height: 1.8;
}

:root,
body[class*="elementor-kit-"],
.elementor {
  --e-global-typography-e313e7e-line-height: 1.1;
}

:root,
body[class*="elementor-kit-"],
.elementor {
  --e-global-typography-5b30e3c-line-height: 1.6;
}

:root,
body[class*="elementor-kit-"],
.elementor {
  --e-global-typography-72762d9-line-height: 1.5;
}

:root,
body[class*="elementor-kit-"],
.elementor {
  --e-global-typography-d92cc3b-line-height: 1.5;
}

:root,
body[class*="elementor-kit-"],
.elementor {
  --e-global-typography-2309618-line-height: 1.3;
}

:root,
body[class*="elementor-kit-"],
.elementor {
  --e-global-typography-6a9a339-line-height: 1.6;
}