/* Fonts (Sora + Manrope) are enqueued from the main plugin file via
   wp_enqueue_style so the browser can fetch them in parallel with this
   stylesheet, and so a theme that already loads them wins. */

.xcw {
  --xcw-ink: #0B3A49;
  --xcw-text: #16292F;
  --xcw-accent: #EF8A4C;
  --xcw-blue: #1B7FA8;
  --xcw-deep: #114E62;
  --xcw-sky: #29ABE2;
  --xcw-bg: #F6F8F9;
  --xcw-bg-tint: #F0F6F8;
  --xcw-line: #E4EBEE;
  --xcw-line-soft: #EAF0F2;
  --xcw-body: #3D5158;
  --xcw-muted: #56686E;
  /* Two near-identical greys, both genuinely used by the MOCKUP:
     --xcw-faint (#7A8B91) — nav tagline (line 93), hero infra note (line 111)
     --xcw-grey  (#78878C) — hero form note (170), preview meta (218), footer (437) */
  --xcw-faint: #7A8B91;
  --xcw-grey: #78878C;
  --xcw-heading-font: 'Sora', sans-serif;
  /* MOCKUP line 87: the page wrapper sets the body face for everything. */
  --xcw-body-font: 'Manrope', system-ui, sans-serif;
  --xcw-max: 1180px;
  --xcw-pad-x: clamp(20px, 4vw, 48px);
  --xcw-pad-y: clamp(56px, 7vw, 96px);
}

.xcw {
  font-family: var(--xcw-body-font);
}

.xcw h1, .xcw h2, .xcw h3, .xcw h4 {
  font-family: var(--xcw-heading-font);
  font-weight: 700;
  letter-spacing: -0.02em;
  /* MOCKUP sets no color on headings; they inherit the page text color #16292F
     (mockup line 88, the wrapper div). Do not impose --xcw-ink here. */
  color: var(--xcw-text);
}

.xcw__inner {
  max-width: var(--xcw-max);
  margin: 0 auto;
  padding: var(--xcw-pad-y) var(--xcw-pad-x);
}