/*
파워톡 디자인 토큰 (CSS Custom Properties)
출처: docs/design-system.md
Pretendard는 SIL OFL 1.1 라이선스로 자체 호스팅 적용됨 (assets/fonts/, assets/css/fonts.css 참조).
폰트 파일이 없는 환경에서도 깨지지 않도록 시스템 폰트 폴백을 항상 함께 선언합니다.
*/

:root {
	/* 컬러 */
	--pt-color-navy: #102B4E;
	--pt-color-mint: #23BCAF;
	--pt-color-gold: #F0B45A;
	--pt-color-bg: #F4F8FC;
	--pt-color-text: #24364B;
	--pt-color-white: #FFFFFF;

	/* 시맨틱 컬러 */
	--pt-color-primary: var(--pt-color-mint);
	--pt-color-primary-hover: #1EA79B;
	--pt-color-primary-tint: #E8F8F6;
	--pt-color-accent: var(--pt-color-gold);
	--pt-color-accent-tint: #FDF2E2;
	--pt-color-heading: var(--pt-color-navy);
	--pt-color-body: var(--pt-color-text);
	--pt-color-body-muted: #5E6B7D;
	--pt-color-surface: var(--pt-color-white);
	--pt-color-surface-tint: #EEF4FB;
	--pt-color-border: #E1E8F0;
	--pt-color-focus-ring: #0B6E66;

	/* 그라디언트 (장식용 — 실제 사진 대체용 비주얼에만 사용) */
	--pt-gradient-hero: linear-gradient(135deg, #102B4E 0%, #16406F 60%, #1A4B82 100%);
	--pt-gradient-accent-blob: radial-gradient(circle at 30% 30%, rgba(35, 188, 175, 0.55), rgba(35, 188, 175, 0) 70%);
	--pt-gradient-gold-blob: radial-gradient(circle at 70% 70%, rgba(240, 180, 90, 0.5), rgba(240, 180, 90, 0) 70%);

	/* 타이포그래피 */
	--pt-font-base: "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "Segoe UI", sans-serif;
	--pt-font-size-base: 16px;
	--pt-line-height-base: 1.65;
	--pt-line-height-heading: 1.3;

	/* 유동 타이포 스케일 (clamp: 모바일 → 데스크톱) */
	--pt-fs-h1: clamp(1.75rem, 1.35rem + 2.1vw, 3rem);
	--pt-fs-h2: clamp(1.5rem, 1.25rem + 1.1vw, 2.125rem);
	--pt-fs-h3: clamp(1.15rem, 1.05rem + 0.5vw, 1.375rem);
	--pt-fs-lead: clamp(1rem, 0.95rem + 0.3vw, 1.1875rem);
	--pt-fs-body: 1rem;
	--pt-fs-caption: 0.8125rem;
	--pt-fs-eyebrow: 0.8125rem;

	/* 간격 */
	--pt-space-1: 4px;
	--pt-space-2: 8px;
	--pt-space-3: 12px;
	--pt-space-4: 16px;
	--pt-space-5: 24px;
	--pt-space-6: 32px;
	--pt-space-7: 48px;
	--pt-space-8: 64px;

	/* 레이아웃 */
	--pt-container-max: 1200px;
	--pt-container-padding: 16px;
	--pt-radius-sm: 8px;
	--pt-radius-md: 12px;
	--pt-radius-lg: 20px;
	--pt-radius-pill: 999px;
	--pt-shadow-sm: 0 2px 8px rgba(16, 43, 78, 0.08);
	--pt-shadow-md: 0 4px 16px rgba(16, 43, 78, 0.12);
	--pt-shadow-lg: 0 16px 40px rgba(16, 43, 78, 0.18);

	/* 레이아웃 치수 */
	--pt-header-height: 64px;
	--pt-mobile-cta-height: 68px;

	/* 트랜지션 (과도한 애니메이션 지양 — 짧고 단순하게) */
	--pt-transition-fast: 120ms ease;
	--pt-transition-base: 200ms ease;

	/* z-index */
	--pt-z-header: 100;
	--pt-z-mobile-cta: 90;
	--pt-z-mobile-menu: 110;
}

/* 반응형 브레이크포인트 기준 (문서화 목적 주석 — 실제 사용은 미디어쿼리에서)
   모바일: 0 - 599px
   태블릿: 600px - 1023px
   데스크톱: 1024px 이상
*/