:root {
  --color-bg: #ffffff;
  --color-panel: #f3f7f5; /* 옅은 딥그린톤 패널 배경 */
  --color-white: #ffffff;
  --color-ink: #181818; /* 어두운 테마 지정 컬러 */
  --color-muted: #55605a; /* 딥그린 테마에 어울리는 뮤트 그레이 */
  --color-soft: #a8b5af;
  --color-line: #e2e9e5;
  --color-primary: #003ea5; /* 포인트 블루 */
  --color-primary-dark: #002d7a; /* 어두운 블루 */
  --color-primary-deep: #001f54; /* 더 어두운 블루 */
  --color-primary-soft: #edf3fc; /* 연한 블루 소프트 배경 */
  --color-green: #003ea5; /* 포인트 블루 */
  --color-green-dark: #002d7a;
  --color-green-soft: #edf3fc;
  --color-blue-soft: #e8f3f5;
  --color-warm-line: #cbd5d0;
  --color-accent: #0056e0; /* 보조 포인트 블루 */
  --shadow-soft: 0 18px 44px rgba(9, 36, 57, 0.10);
  --shadow-card: 0 12px 30px rgba(8, 34, 62, 0.08);
  --shadow-lift: 0 18px 42px rgba(8, 34, 62, 0.12);
  --radius-xs: 6px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-card: 12px;
  --radius-panel: 20px;
  --radius-pill: 999px;
  --container: 1400px;
  --page-gutter: 24px;
  --header-height: 76px;
  --font-sans: "Pretendard Variable", "Pretendard", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;
  --font-regular: 400;
  --font-medium: 500;
  --font-semibold: 650;
  --font-bold: 750;
  --font-heavy: 850;
  --type-hero-title-size: 3.6rem;
  --type-section-title-size: clamp(2.2rem, 3.6vw, 2.75rem);
  --type-section-description-size: 1.08rem;
  --type-card-description-size: 0.9rem;
  --type-button-size: 1rem;
  --type-caption-size: 0.84rem;
  --type-heading-line-height: 1.25;
  --type-body-line-height: 1.7;
  --type-hero: var(--type-hero-title-size);
  --type-section-title: var(--type-section-title-size);
  --type-subtitle: 1.5rem;
  --type-card-title: 1.12rem;
  --type-body: 1rem;
  --type-small: var(--type-card-description-size);
  --ease: 180ms ease;
}