/* =========================================================
   theme.css — 디자인 토큰 / (주)청호솔루션 · A안 "Meter Register"
   콘셉트: 수도미터의 황동 몸체·검정 문자판·빨간 리터 숫자를 브랜드 언어로.
   ========================================================= */
:root {
  /* 색상 */
  --color-primary: #1C5D99;          /* 물 블루: 주 버튼, 링크 */
  --color-primary-contrast: #FFFFFF;
  --color-accent: #B08637;           /* 황동(계량기 몸체): 구분선, 번호, 포인트 */
  --color-signal: #D2352B;           /* 리터 숫자 빨강: 계량기 문자판에만 사용 */
  --color-bg: #F3F5F2;               /* 페이지 바탕 (차가운 오프화이트) */
  --color-surface: #E7ECE9;          /* 교차 섹션 */
  --color-dark: #0D1B22;             /* 잉크: 히어로·푸터 */
  --color-dark-text: #C9D3D1;
  --color-text: #0D1B22;
  --color-muted: #56656A;
  --color-border: #CDD6D3;

  /* 글꼴 */
  --font-display: "Hahmlet", "Noto Serif KR", "Apple SD Gothic Neo", serif;      /* 헤드라인 */
  --font-heading: "IBM Plex Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --font-body: "IBM Plex Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --font-digit: "Barlow Condensed", "Arial Narrow", sans-serif;                    /* 계량기 숫자·수치 */
  --fw-heading: 600;
  --fw-body: 400;

  /* 글자 크기 (완전 4도 스케일) */
  --fs-hero: clamp(36px, 5.6vw, 72px);
  --fs-h2: clamp(28px, 3.4vw, 44px);
  --fs-h3: 22px;
  --fs-body: 17px;
  --fs-small: 14px;
  --lh-body: 1.75;

  /* 모양 */
  --radius-btn: 4px;
  --radius-card: 6px;
  --shadow-card: none;

  /* 간격 */
  --btn-pad-y: 16px;
  --btn-pad-x: 28px;
  --space-section: 128px;
  --space-section-mobile: 72px;
  --gap-grid: 32px;
  --container: 1240px;
  --header-h: 76px;
}