/* fresh-clean — cleaning + lawn care: airy, green, rounded.
 * Font URLs are relative so they resolve under any build base. */

@font-face {
  font-family: "Outfit Var";
  src: url(../fonts/outfit-var.woff2) format("woff2");
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "Karla Var";
  src: url(../fonts/karla-var.woff2) format("woff2");
  font-weight: 20 1000;
  font-display: swap;
}

:root {
  --font-display: "Outfit Var", system-ui, sans-serif;
  --font-body: "Karla Var", system-ui, sans-serif;
  --display-weight: 700;
  --display-tracking: -0.02em;
  --logo-weight: 800;

  --c-ink: #1e2b24;
  --c-muted: #58685f;
  --c-bg: #fcfdfc;
  --c-tint: #eef5ef;
  --c-primary: #1f5c3d;
  --c-accent: #237a4d;
  --c-accent-hover: #1a5c3a;
  --c-on-accent: #fff;
  --c-accent-2: #7fb069;
  --c-card-bg: #ffffff;
  --c-card-border: #dfe9e1;

  --radius-btn: 999px;
  --radius-card: 16px;
  --radius-field: 10px;

  --hdr-bg: rgba(252, 253, 252, 0.92);
  --hdr-fg: #1e2b24;
  --hdr-border: #dfe9e1;

  --hero-bg:
    radial-gradient(42rem 26rem at 112% -10%, #e2f1e0 0%, transparent 62%),
    radial-gradient(36rem 22rem at -12% 110%, #eef5ef 0%, transparent 60%);
  --hero-em: #237a4d;

  --sec-alt-bg: #1f5c3d;
  --sec-alt-fg: #ffffff;
  --sec-alt-muted: #cfe4d4;
  --pill-border: rgba(255, 255, 255, 0.4);

  --sec-cta-bg: #eef5ef;
  --sec-cta-fg: #1e2b24;
  --sec-cta-muted: #58685f;
  --sec-cta-link: #237a4d;
  --field-bg: #ffffff;
  --field-border: #dfe9e1;

  --ftr-bg: #16241c;
  --ftr-fg: #c9dacd;
  --ftr-link: #fff;
  --ftr-fine: #93aa9a;
  --callbar-bg: #237a4d;
}

/* Flourishes */
.logo .logo-mark {
  display: inline-block;
  border-radius: 0 60% 0 60%;
  background: linear-gradient(135deg, var(--c-accent) 0 55%, var(--c-accent-2) 55% 100%);
}
.svc-card { border-top: 4px solid var(--c-accent-2); }
.sec-alt .cities li { color: #fff; }