/* sink-stainless-replacement.css — 서비스상세 #16. hue=300, HEADER:H10 / HERO:E5 / CTA:C4 / FOOTER:F9 */

@font-face{
  font-family: "Poor Story Sink16";
  src: url("/assets/fonts/poor-story-sink-stainless-replacement.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root{
  --h: 300;
  --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: "Poor Story Sink16";
  --disp-weight: 400;
}