/* global.css - no Divi import */

/* Reset UA margin so sections can be truly full-bleed */
html, body { margin: 0; padding: 0; }
/* Native smooth scrolling for anchor jumps */
html { scroll-behavior: smooth; }

:root {
  --color-primary: #FFB791;
  --color-bg-light: #FDF6F3;
  --color-white: #fff;

  /* Typography */
  --font-display: "Lexend", sans-serif;
  --font-body:    "Lexend", sans-serif;

  --spacing-section: 64px 0;
  --spacing-section-mobile: 40px 0;
  --spacing-panel-padding: 2rem;
  --spacing-panel-padding-mobile: 1rem;
  --spacing-panel-gap: 1rem;

  --container-wide: 1230px;
  --container-narrow: 1016px;
  --container-hpad-desktop: 60px;
  --container-hpad-tablet: 40px;
  --container-hpad-mobile: 48px;

  /* Anchor scroll offset (approx header height) */
  --anchor-offset: 80px;
}

body { font-family: var(--font-body); background: var(--color-bg-light); }
input, select, textarea, button { font-family: inherit; }
h1, h2, h3, h4, h5, h6 { font-family: var(--font-display); }

/* Headings */
h1 {
  color: #000;
  font-size: 42px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  margin: 0 0 12px;
}
h2 {
  color: #000;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%; /* 40px */
  margin: 0 0 10px;
}
h3 {
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 36px */
  margin: 0 0 8px;
}
h4 {
  color: #000;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin: 0 0 8px;
}
h5 {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin: 0 0 6px;
}
h6 {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin: 0 0 6px;
}
/* Body copy */
p {
  color: #000;
  font-family: var(--font-body);
  font-size: 16px;
  font-style: normal;
  font-weight: 400; /* not bold */
  line-height: 150%; /* 24px */
  margin: 0 0 12px;
}

/* Paragraph variants */
strong, b { font-weight: 700; }
.p-bold { font-weight: 700; }
.ingress {
  color: #000;
  font-family: var(--font-body);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}

/* Links: underline + black unless overridden */
a { color: #000; text-decoration: underline; text-underline-offset: 3px; }

/* Enforce kit family across common text elements */
h1, h2, h3, h4, h5, h6, p, a, .et_pb_text_inner { font-family: var(--font-body); }

/* Buttons – global defaults */
.btn { 
  display: inline-block;
  border-radius: 10px;
  padding: .6rem 1rem;
  background: #000;
  color: #fff;
  border: none;
  text-decoration-line: underline;
  text-underline-offset: 3px;
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
}
.btn-primary { background: #000; color: #fff; border: none; }
.btn-secondary { background: transparent; color: #000; border: none; }

.et_pb_section { padding: var(--spacing-section); background: transparent; }
@media (max-width: 767px){ .et_pb_section { padding: var(--spacing-section-mobile); } }

#page-container, #et-main-area, #main-content { background: transparent; }

/* Offset anchored elements so they don’t hide under the header */
[id] { scroll-margin-top: var(--anchor-offset); }