/* CSS variable overrides from theme settings */
  :root {
    /* Font families from theme settings */
    --font-heading-family: Helvetica, Arial, sans-serif;
    --font-body-family: Helvetica, Arial, sans-serif;
    /* Font weights from theme settings */
    --font-heading-weight: 700;
    --font-body-weight: 400;
    /* Apply text transform for buttons based on settings */
    --button-text-transform: ;
    /* Set these for our override variables too so they cascade down */
    --font-body-family-override: Helvetica, Arial, sans-serif;
    --font-heading-family-override: Helvetica, Arial, sans-serif;
    --font-body-weight-override: 400;
    --font-heading-weight-override: 700;
    /* Button styling variables */
    --global-button-radius: 12px;
    /* Custom font sizes from theme settings */
    --h1-font-size: 48px;
    --h2-font-size: 36px;
    --h3-font-size: 28px;
    --body-font-size: 16px;
    --subtitle-font-size: 18px;
  }
  /* Apply button text transform */
  .button, .button-text, button[type="submit"], input[type="submit"] {
    text-transform: var(--button-text-transform);
    font-family: var(--font-body-family-override);
  }
