/* water-heater-connection.css — 업소용 서비스상세 신규 #20. hue=279, HEADER:H1 / HERO:E7 / CTA:C7 / FOOTER:F8 */

@font-face{
  font-family: "Asta Sans CS20";
  src: url("/assets/fonts/asta-sans-water-heater-connection.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root{
  --h: 279;
  --brand:      hsl(var(--h) 62% 42%);
  --brand-deep: hsl(var(--h) 66% 28%);
  --brand-soft: hsl(var(--h) 70% 95%);
  --ink:        hsl(var(--h) 18% 14%);
  --ink-soft:   hsl(var(--h) 10% 38%);
  --line:       hsl(var(--h) 20% 88%);
  --bg:         hsl(var(--h) 30% 98.5%);
  --surface:    #ffffff;
  --r: 6px;
  --disp-font: "Asta Sans CS20";
  --disp-weight: 700;
}

body{ font-family: "Asta Sans CS20", Pretendard, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; }