/* tokens.css — 브랜드 색·타이포 단일 소스(전 페이지 공통).
   컨셉: 깨끗한 종이 배경 + 무채색 잉크 + 깊은 상록 그린 단일 강조.
   (기존 '따뜻한 크림+세이지'는 AI티 나는 클리셰 → 크롬은 중성으로 절제하고
    꽃 사진이 색을 내게 함. 상록 그린은 흰 배경 대비 7:1↑로 고령 가독성도 상향.)
   경조사 양면성: 주색은 중립 상록, 축하=--gold, 근조=--condo 로 분기.
   a11y.css 보다 먼저 로드할 것. */
:root {
  --bg: #f6f6f3;            /* 종이 배경 — 중성 오프화이트(따뜻한 크림 아님) */
  --bg-desk: #efeeea;       /* 데스크톱 배경 — --bg보다 한 톤 어두운 중성(크림 아님). 니어뉴트럴 2단 레이어의 하단 */
  --paper: #ffffff;
  --ink: #1f1d18;           /* 본문 — 거의 검정에 가까운 짙은 갈색 */
  --ink-soft: #5a564d;      /* 보조 글자 */
  --ink-faint: #6b6358;     /* 약한 글자 — 흰 배경 4.5:1↑(고령 가독성). 전 페이지 통일값 */
  --line: #dcd9cf;
  --line-soft: #eeece4;
  --photo-bg: #f2f2ec;       /* 사진 무대 배경 — 전 상품 카드 단일 톤(규격=브랜드) */
  --accent: #1f4733;        /* 브랜드 강조 — 깊은 상록 그린(확신·프리미엄) */
  --accent-deep: #14311f;
  --accent-soft: #e8f1ea;
  --gold: #8a6a32;          /* 축하·신부 측 보조 강조 */
  --condo: #3d4248;         /* 근조 톤(차분한 무채) */
  --danger: #963a30;
  --auto: #355d8a;
  --auto-bg: #eaf0f6;
  /* 둥글기(radius) 파생 사다리 — Saleor식 단일 기준 6px에서 sm/lg 파생 + pill.
     '임의값 없음, 전부 통일'이 전문가 티. 칩·태그=sm, 카드·인풋=기준, 모달·강조박스=lg, 완전둥근=pill. */
  --radius-sm: 3px;         /* 칩·태그·작은 배지 */
  --radius: 6px;            /* 카드·인풋 기준(격식 있는 약한 둥글기) */
  --radius-lg: 10px;        /* 모달·강조 박스·큰 컨테이너 */
  --radius-pill: 999px;     /* 알약·원형(칩·아이콘·점) */
  /* 섹션 간격 — Dawn 8px 그리드 / Saleor clamp() 섹션 토큰. inline 임의값 박멸. */
  --space-sect: clamp(28px, 24px + 2vw, 44px); /* home-sect 섹션 간 표준 간격 */
  --space-card: 16px;       /* 카드 내부 패딩 기준 */
  --shadow: none;
  /* 트랜지션 시간 — 고스타 공통: 150~300ms ease로 통일(임의값 .1/.2 혼재 박멸). */
  --dur-fast: .15s;         /* 색·테두리 등 미세 상태전환 */
  --dur: .25s;              /* 펼침·이동 등 조금 큰 전환 */
  /* 상황(용도) 아이콘 배경 파스텔 — 근조는 채도 낮게 */
  --occ-funeral: #e9e9ee;
  --occ-wedding: #f6e2e2;
  --occ-open: #efe6cf;
  --occ-promo: #e0ead9;
  --occ-birth: #f3e6ef;
  --font-display: "Gowun Batang", "Nanum Myeongjo", serif;
  --font-body: "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", sans-serif;
  /* 타이포 스케일 — clamp() 유동 + 고령 가독성 하한(본문 16px↑, 정보 14px↑).
     고스타 공통분모: 크기는 '느낌'이 아니라 토큰. 12px는 대문자+letter-spacing 장식 라벨 전용. */
  --fs-display: clamp(28px, 24px + 1.6vw, 36px); /* h1·대표 헤딩 */
  --fs-h2: clamp(19px, 17px + 0.8vw, 24px);      /* 섹션 제목 */
  --fs-body: 17px;   /* 본문 */
  --fs-sub: 15px;    /* 설명·보조 문단(하한 15px) */
  --fs-caption: 14px;/* 캡션·보조정보(하한 14px) */
  --fs-label: 12px;  /* 대문자+letter-spacing 장식 라벨 전용 */
  --fs-price: 20px;  /* 가격·전화번호(18px↑ + 700↑) */
}