/* NORTH — brand colours and fonts are set in Elementor Site Settings.
   Primary font: Outfit 600. Text font: Outfit 400.
   Leave font sizes unset in Elementor so this system controls them.

   Optional font loading for pages not built with Elementor:
*/
/* @import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;600&display=swap'); */

:root {
  /* Style */
  --radius: 0px;
  --radius-btn: 0px;
  --density: 1;
  --section-scale: 1;
  --heading-case: none;
  --heading-tracking: 0em;
  --fw-head: 600;

  /* Backgrounds and text on accent buttons */
  --c-bg: #FFFFFF;
  --c-surface: #FFFFFF;
  --c-on-accent: #171717;

  /* Fluid sizing range */
  --screen-phone: 360;
  --screen-desktop: 1440;

  /* Typography: phone → desktop */
  --small-phone: 13;
  --small-desktop: 14;

  --body-phone: 16;
  --body-desktop: 18;

  --lead-phone: 19;
  --lead-desktop: 24;

  --h4-phone: 19;
  --h4-desktop: 24;

  --h3-phone: 23;
  --h3-desktop: 32;

  --h2-phone: 28;
  --h2-desktop: 43;

  --h1-phone: 33;
  --h1-desktop: 57;

  --display-phone: 40;
  --display-desktop: 76;

  /* Spacing: phone → desktop */
  --space-3xs-phone: 4;
  --space-3xs-desktop: 5;

  --space-2xs-phone: 8;
  --space-2xs-desktop: 10;

  --space-xs-phone: 12;
  --space-xs-desktop: 15;

  --space-s-phone: 16;
  --space-s-desktop: 20;

  --space-m-phone: 24;
  --space-m-desktop: 30;

  --space-l-phone: 32;
  --space-l-desktop: 40;

  --space-xl-phone: 48;
  --space-xl-desktop: 60;

  --space-2xl-phone: 64;
  --space-2xl-desktop: 80;

  --space-3xl-phone: 96;
  --space-3xl-desktop: 120;

  /* Section padding and side gutters */
  --section-phone: 64;
  --section-desktop: 128;

  --gutter-phone: 20;
  --gutter-desktop: 40;

  /* Content widths */
  --max: 1200px;
  --max-narrow: 760px;
  --measure: 62ch;
}

/* NORTH: default solid buttons */
body .elementor-widget-button:not(.btn-ghost):not(.btn-light):not(.btn-text) .elementor-button,
body .elementor-widget-form .elementor-button {
  background-color: var(--c-ink);
  border-color: var(--c-ink);
  color: #FFFFFF;
}

body .elementor-widget-button:not(.btn-ghost):not(.btn-light):not(.btn-text) .elementor-button:is(:hover, :focus-visible),
body .elementor-widget-form .elementor-button:is(:hover, :focus-visible) {
  background-color: var(--c-brand);
  border-color: var(--c-brand);
  color: #FFFFFF;
}