/* =========================================================
   theme.css — 디자인 토큰 / (주)청호솔루션
   로고(CH)의 라임그린→블루 색을 주색·보조색으로 사용
   ========================================================= */
:root {
  /* 색상 */
  --color-primary: #1565D8;          /* 브랜드 블루: 주 버튼, 강조 */
  --color-primary-contrast: #FFFFFF;
  --color-accent: #8CC63F;           /* 로고 라임그린: 히어로 라벨, 포인트 */
  --color-bg: #FFFFFF;
  --color-surface: #F3F6FA;
  --color-dark: #0A1A30;             /* 히어로·푸터 딥네이비 */
  --color-dark-text: #D6DEEA;
  --color-text: #0F1B2D;
  --color-muted: #5B6778;
  --color-border: #E2E8F0;

  /* 글꼴 */
  --font-heading: "Pretendard Variable", "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --font-body: "Pretendard Variable", "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --fw-heading: 700;
  --fw-body: 400;

  /* 글자 크기 */
  --fs-hero: clamp(32px, 5vw, 58px);
  --fs-h2: clamp(26px, 3.2vw, 38px);
  --fs-h3: 20px;
  --fs-body: 16px;
  --fs-small: 14px;
  --lh-body: 1.7;

  /* 모양 */
  --radius-btn: 8px;
  --radius-card: 16px;
  --shadow-card: 0 4px 20px rgba(10, 26, 48, 0.06);

  /* 간격 */
  --btn-pad-y: 14px;
  --btn-pad-x: 24px;
  --space-section: 104px;
  --space-section-mobile: 64px;
  --gap-grid: 24px;
  --container: 1200px;
  --header-h: 72px;
}