:root {
  --color-bg: #ffffff;
  --color-panel: #f3f7f5; /* 옅은 딥그린톤 패널 배경 */
  --color-white: #ffffff;
  --color-ink: #181818; /* 어두운 테마 지정 컬러 */
  --color-muted: #55605a; /* 딥그린 테마에 어울리는 뮤트 그레이 */
  --color-soft: #a8b5af;
  --color-line: #e2e9e5;
  --color-primary: #04846d; /* 포인트 딥그린 */
  --color-primary-dark: #025c4c; /* 어두운 딥그린 */
  --color-primary-deep: #013e33; /* 더 어두운 딥그린 */
  --color-primary-soft: #eaf6f3; /* 연한 딥그린 소프트 배경 */
  --color-green: #04846d; /* 포인트 딥그린 */
  --color-green-dark: #025c4c;
  --color-green-soft: #eaf6f3;
  --color-blue-soft: #e8f3f5;
  --color-warm-line: #cbd5d0;
  --color-accent: #06a084; /* 보조 포인트 민트그린 */
  --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: 3.25rem;
  --type-section-title: 2.5rem;
  --type-subtitle: 1.5rem;
  --type-card-title: 1.12rem;
  --type-body: 1rem;
  --type-small: 0.9rem;
  --ease: 180ms ease;
}