/* ===================================================================
   피터캣클럽 디자인 토큰 v2.1 (2026-09-14 확정값, astra-child/assets/renewal/tokens-v2.css 와 같은 값)

   1회차 승인 토큰 79개(specs/2026-09-14-wireframe-tokens-v2-demo/tokens-v2.css)
   + 사이트 적용 회차 실측 7개. 출처·사용처는
   specs/2026-09-14-wireframe-site-rollout/spec.md §5.1.3 과 1회차 tokens-v2.md.
   이 파일은 :root 한 블록만 가진다.
   =================================================================== */

:root {
	/* ── 색: 브랜드·면 ── 화면마다 그 화면 시안의 값을 쓴다(통일하지 않음) */
	--pc-purple: #662372;
	--pc-purple-deep: #3A005F;
	--pc-pink-main: #FD017A;
	--pc-pink-sub: #EB147D;
	--pc-pink-soft: #F04E9D;
	--pc-yellow-main: #FDE404;
	--pc-yellow-sub: #F8EE19;
	--pc-lime: #D8FE85;
	--pc-green-info: #98FA83;
	--pc-taupe: #BFBBA8;
	--pc-black: #000000;
	--pc-white: #FFFFFF;

	/* ── 색: 접근성 보정 ── 시안 색이 4.5:1 에 못 미치는 글자 자리 */
	--pc-pink-sub-text: #E31379;
	--pc-pink-main-strong: #E70170;

	/* ── 색: 텍스트 ── */
	--pc-ink: #171717;
	--pc-ink-body: #262626;
	--pc-ink-muted: #555555;
	--pc-on-dark: #FFFFFF;
	--pc-on-dark-muted: #E79FC4;

	/* ── 서피스·선 ── */
	--pc-surface-page: var(--pc-white);
	--pc-surface-brand: var(--pc-purple);
	--pc-surface-taste: var(--pc-lime);
	--pc-surface-info: var(--pc-green-info);
	--pc-surface-story: var(--pc-taupe);
	--pc-surface-card: var(--pc-white);
	--pc-surface-tab-idle: var(--pc-black);
	--pc-line: var(--pc-black);
	--pc-line-placeholder: var(--pc-ink);
	--pc-line-width: 1px;

	/* ── 라운드 ── 카드·패널은 각지고, 텍스트 버튼만 pill */
	--pc-radius-none: 0;
	--pc-radius-pill: 999px;

	/* ── 간격 ── 4px 스케일 */
	--pc-space-1: 4px;
	--pc-space-2: 8px;
	--pc-space-3: 12px;
	--pc-space-4: 16px;
	--pc-space-5: 24px;
	--pc-space-6: 32px;
	--pc-space-7: 48px;
	--pc-space-8: 64px;
	--pc-space-9: 96px;
	--pc-gutter-mobile: 36px;

	/* ── 타이포 ── */
	--pc-font: "Pretendard", "Noto Sans KR", sans-serif;
	--pc-font-en: "Cabin", "Gill Sans", "Gill Sans MT", sans-serif;
	--pc-font-script: "Caveat", cursive;
	--pc-fs-12: 12px;
	--pc-fs-14: 14px;
	--pc-fs-15: 15px;
	--pc-fs-16: 16px;
	--pc-fs-17: 17px;
	--pc-fs-18: 18px;
	--pc-fs-20: 20px;
	--pc-fs-24: 24px;
	--pc-fs-30: 30px;
	--pc-fs-34: 34px;
	--pc-fs-42: 42px;
	--pc-fs-48: 48px;
	--pc-lh-tight: 1.3;
	--pc-lh-cta: 1.6;
	--pc-lh-biz: 1.7;
	--pc-lh-body: 1.75;
	--pc-lh-intro: 1.9;

	/* ── 모션 ── 오브젝트 호버만 스프링(디자이너 명시 예외) */
	--pc-ease: cubic-bezier(0.2, 0, 0, 1);
	--pc-ease-spring: cubic-bezier(.34,1.56,.64,1);
	--pc-dur-fast: 150ms;
	--pc-dur: 220ms;
	--pc-dur-slow: 320ms;
	--pc-dur-object: 300ms;
	--pc-dur-underline: 180ms;
	--pc-dur-arrow: 200ms;
	--pc-lift-object: -16px;
	--pc-scale-object: 1.06;
	--pc-rot-lemon: -6deg;
	--pc-rot-book: 4deg;
	--pc-rot-tea: -4deg;
	--pc-hint-opacity: .6;

	/* ── 그림자 ── */
	--pc-shadow-object: drop-shadow(0 12px 16px rgba(0,0,0,.14));
	--pc-shadow-btn-hover: 0 8px 18px rgba(0,0,0,.18);

	/* ── 레이아웃 ── */
	--pc-header-pad-y: 26px;
	--pc-header-gap: 34px;

	/* ── v2.1 추가 (사이트 적용 회차, 9·10·11.png 실측) ── */
	--pc-coral: #F87264;
	--pc-green-deep: #133631;
	--pc-burgundy: #5C142C;
	--pc-green-tag: #98D362;
	--pc-gray-btn: #6D6D6D;
	--pc-gray-line: #E5E5E5;
	--pc-gray-soft: #F5F5F5;
}