/* CropWater — brand tokens + component CSS (child theme; Fluent Snippets not installed) */
:root {
  --brand-ink: var(--wpex-ink-color, #111827);
  --brand-primary: var(--wpex-primary-color, #316df7);
  --brand-primary-dark: var(--wpex-primary-dark-color, #1e3a8a);
  --brand-accent: var(--wpex-accent, #316df7);
  --brand-on-accent: var(--wpex-on-accent, #ffffff);
  --brand-surface: var(--wpex-surface-color, #ffffff);
  --brand-surface-alt: var(--wpex-surface-alt-color, #f4f7fc);
  --brand-tint: var(--wpex-tint-color, #e8f4ff);
  --brand-muted: var(--wpex-muted-color, #5b6472);
  --brand-radius: 10px;
  --brand-section-y: 88px;
  --wpex-rounded-md: var(--brand-radius);
  --wpex-rounded-lg: 16px;
}
.cw-eyebrow { display: inline-block; font-size: .8rem; font-weight: 800; letter-spacing: .12em;
  text-transform: uppercase; color: var(--brand-primary); margin-bottom: 14px; }
.cw-eyebrow--onblue { color: #b8cfff; }
.cw-hero { background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);
  padding: 110px 0 90px; }
.cw-hero--sub { padding: 72px 0 56px; }