/* 콘텐츠클리닉 3차 시안 · 디자인 토큰 (담당 C만 고침)
   근거: 01_브랜드/04_확정에셋/tokens.css(색·간격·반경·그림자) + 12_3차개편/01_3차_구조명세.html 2절(글자 6단계)
   글자 크기는 이 6단계 + 푸터 법적 정보 13px 말고 쓰지 않는다. */
:root {
  /* 색 (브랜드 확정값) */
  --cc-navy: #14213D;
  --cc-navy-deep: #0E1830;
  --cc-navy-soft: #5A6788;
  --cc-rose: #F0437F;
  --cc-rose-deep: #D42E68;
  --cc-rose-tint: #F7A1BF;
  --cc-paper: #F7F5F0;
  --cc-white: #FFFFFF;
  --cc-line: #E3DFD6;
  --cc-grey: #7C8598;
  --cc-green: #1F9D6B;          /* "진료 중" 점 하나에만 */
  --cc-navy-08: rgba(20, 33, 61, 0.08);
  --cc-navy-04: rgba(20, 33, 61, 0.04);

  /* 서비스 4과 색: 막대·번호 배지에만 */
  --cc-dept-01: var(--cc-navy);
  --cc-dept-02: var(--cc-rose);
  --cc-dept-03: var(--cc-rose-tint);
  --cc-dept-04: var(--cc-navy-soft);

  /* 글꼴 */
  --cc-font-head: "SUIT", "Pretendard", system-ui, sans-serif;
  --cc-font-body: "Pretendard", system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --cc-w-head: 800;
  --cc-w-body: 400;
  --cc-w-strong: 600;
  --cc-track-head: -0.02em;

  /* 글자 6단계 — 모바일(<1024) 값. PC 값은 아래 미디어 쿼리 */
  --cc-fs-d: 36px;  --cc-lh-d: 1.2;
  --cc-fs-h2: 28px; --cc-lh-h2: 1.3;
  --cc-fs-h3: 21px; --cc-lh-h3: 1.4;
  --cc-fs-l: 18px;  --cc-lh-l: 1.6;
  --cc-fs-b: 16px;  --cc-lh-b: 1.7;
  --cc-fs-s: 14px;  --cc-lh-s: 1.55;
  --cc-fs-legal: 13px; --cc-lh-legal: 1.6;   /* 푸터 법적 정보만 */

  /* 간격 9단계 */
  --cc-s1: 4px; --cc-s2: 8px; --cc-s3: 12px; --cc-s4: 16px; --cc-s5: 24px;
  --cc-s6: 32px; --cc-s7: 48px; --cc-s8: 64px; --cc-s9: 96px;

  /* 배치 */
  --cc-max: 1200px;
  --cc-max-text: 720px;
  --cc-gutter: 20px;
  --cc-section: 64px;
  --cc-header-h: 64px;
  --cc-mbar-h: 64px;

  /* 모양 */
  --cc-r-control: 8px;
  --cc-r-card: 14px;
  --cc-r-pill: 999px;
  --cc-shadow: 0 8px 24px rgba(20, 33, 61, 0.08);   /* 그림자는 이 한 종류만 */

  /* 버튼 */
  --cc-btn-h: 56px;

  /* 움직임 */
  --cc-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --cc-dur: 180ms;
}

@media (min-width: 768px) {
  :root { --cc-gutter: 32px; }
}

@media (min-width: 1024px) {
  :root {
    --cc-gutter: 48px;
    --cc-section: 96px;
    --cc-header-h: 72px;
    --cc-btn-h: 52px;
    --cc-fs-d: 60px;  --cc-lh-d: 1.15;
    --cc-fs-h2: 40px; --cc-lh-h2: 1.25;
    --cc-fs-h3: 24px; --cc-lh-h3: 1.35;
    --cc-fs-l: 20px;  --cc-lh-l: 1.6;
    --cc-fs-b: 17px;  --cc-lh-b: 1.7;
    --cc-fs-s: 15px;  --cc-lh-s: 1.55;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root { --cc-dur: 0ms; }
}