/**
 * SeniorStay Design Tokens v2 — Warm Editorial × 시니어 친화
 * 가이드: docs/02-design-system.md
 */

:root {
	/* Typography */
	--font-base: "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
	--font-display: "Fraunces", "Pretendard Variable", serif;

	/* Fluid scale — 시니어 하한 유지 (본문 ≥18px, 최소 16px) */
	--fs-hero: clamp(2.25rem, 5vw, 3.75rem);      /* 36~60px */
	--fs-h2: clamp(1.75rem, 3.4vw, 2.625rem);     /* 28~42px */
	--fs-h3: clamp(1.25rem, 2.2vw, 1.625rem);     /* 20~26px */
	--fs-body-lg: 1.25rem;  /* 20px */
	--fs-body: 1.125rem;    /* 18px */
	--fs-small: 1rem;       /* 16px — 하한선 */
	--fs-micro: 0.8125rem;  /* 13px — eyebrow/영문 라벨 전용(비텍스트성) */
	--lh-base: 1.75;
	--ls-base: -0.02em;

	/* Warm Editorial 팔레트 (대비 실측 AAA) */
	--c-bg: #FDFBF7;          /* 웜 크림 */
	--c-bg-warm: #F6F0E6;     /* 딥 크림 섹션 */
	--c-surface: #FFFFFF;
	--c-text: #1C1917;        /* stone-900 — on cream 17.6:1 */
	--c-text-2: #44403C;      /* stone-700 — on cream 9.4:1 */
	--c-primary: #1B4332;     /* 포레스트 그린 — on cream 10.6:1 */
	--c-primary-deep: #0F241B;
	--c-primary-soft: #E7EFE9;
	--c-accent: #78350F;      /* 딥 테라코타 — on cream 8.8:1 */
	--c-accent-soft: #F5EADF;
	--c-border: #E4DDD1;
	--c-kakao: #FEE500;
	--c-kakao-text: #191919;
	--c-include: #15803D;
	--c-exclude: #64748B;

	/* Touch & spacing */
	--touch-min: 54px;
	--touch-gap: 16px;
	--radius-card: 20px;
	--radius-inner: 14px;
	--radius-btn: 999px;
	--radius-badge: 999px;
	--section-gap: clamp(3rem, 5vw, 4.5rem);
	--container: 76rem;

	/* Tinted shadows (웜 브라운 틴트) */
	--shadow-soft: 0 1px 2px rgba(28,25,23,.04), 0 12px 32px -8px rgba(28,25,23,.10);
	--shadow-lift: 0 2px 6px rgba(28,25,23,.05), 0 24px 56px -12px rgba(28,25,23,.16);
	--shadow-bar: 0 -4px 24px rgba(28,25,23,.10);

	--sticky-bar-h: 64px;

	/* Supanova 모션 시그니처 */
	--ease-premium: cubic-bezier(0.16, 1, 0.3, 1);
	--dur: .5s;
}