/*
 * tokens.css — 값만 둔다(규칙서 §8-1). 부품과 화면은 이 이름만 쓴다.
 * 출처: 원본 madeinheavenhq.co.kr 의 common.css·main.css 실측(2026-10-29). DESIGN.md 에 표로 정리.
 */
:root {
  /* ── 색 ─────────────────────────────────────────── */
  --color-primary: #5b38d7;        /* 원본 강조 보라(머리글·막대·버튼 테두리) — 흰 바탕 대비 6.6:1 */
  --color-primary-ink: #4f29d4;    /* 작은 글자용 진한 보라(원본 후기 강조색) */
  --color-primary-soft: #f9f7ff;   /* 원본 옅은 보라 구역 바탕 */
  --color-primary-line: #e6e0fb;

  --color-text: #000;              /* 원본 제목·카드 이름 */
  --color-text-body: #454545;      /* 원본 본문 기본 */
  --color-text-muted: #6c6b6d;     /* 보조 글자(흰 바탕 5.3:1) */
  --color-line: #dfdfdf;           /* 원본 구분선 */
  --color-line-strong: #333;       /* 푸터 위아래 가름 */
  --color-surface: #fff;
  --color-surface-alt: #f5f5f5;    /* 원본 회색 구역 */
  --color-dark: #151515;           /* 원본 전체 메뉴판 바탕 */
  --color-dark-sub: #c1c1c1;       /* 전체 메뉴 하위 글자(짙은 바탕 11:1) */
  --color-overlay: rgba(0, 0, 0, .6); /* 원본 슬라이드 화살표 바탕 */
  --color-verified: #1a9bf0;       /* 후기 인증 표시 */

  /* 서브 화면 강조(주황). 원본 sub.css: 부제·쪽 번호·단추 #f04e28, 탭 선택 #fe6c00.
     #f04e28 은 흰 바탕 3.6:1 이라 큰 글자·테두리·바탕에만 쓰고, 작은 글자는 -ink 를 쓴다 */
  --color-accent: #f04e28;
  --color-accent-ink: #c8381a;     /* 흰 바탕 5.0:1 */
  --color-accent-tab: #fe6c00;     /* 탭 선택 테두리 */
  /* 핵심가치 네 색(원본 sub.css .waz_box #fe6c00·#fdb304·#363c58·#939eb2).
     흰 글자 대비 때문에 1·4 는 한 단계 짙게, 2(노랑)는 짙은 글자로 쓴다 — 굵은 19px(큰 글자 3:1 기준) */
  --color-value-1: #e95f00;
  --color-value-2: #fdb304;
  --color-value-3: #363c58;
  --color-value-4: #6f7a90;
  --color-danger: #d92d20;
  --color-success: #12805c;

  /* ── 서체 ───────────────────────────────────────── */
  /* 한글 글리프가 있는 Pretendard 한 가족(규칙서 §8). 원본은 Noto Sans KR + Open Sans(영문 머리글)였다. */
  --font-sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;

  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-md: 18px;
  --text-lg: 20px;
  --text-xl: 24px;
  --text-2xl: 28px;
  --text-3xl: 33px;    /* 원본 구역 제목 */
  --display-md: 44px;
  --display-lg: 60px;  /* 원본 누적 섭외 숫자 */

  --leading-tight: 1.25;
  --leading-normal: 1.6;
  --tracking-ko: -0.02em; /* 원본 letter-spacing -0.5px */

  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* ── 간격(부품 안쪽) ────────────────────────────── */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 48px;

  /* ── 큰 틀(규칙서 §8-1 공개 화면) ────────────────── */
  --container: 1180px;        /* 원본 .mwid */
  --container-wide: 1820px;   /* 원본 머리말·푸터 폭 */
  --gutter: 16px;
  --section-y: 56px;
  --section-y-lg: 100px;
  --header-h: 72px;

  /* ── 모서리·그림자·높이 ──────────────────────────── */
  --r-sm: 8px;
  --r: 15px;          /* 원본 카드 사진 */
  --r-lg: 24px;       /* 원본 배너 문의 상자 */
  --r-full: 999px;
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);
  --shadow: 0 4px 16px rgba(17, 12, 46, .08);
  --shadow-lg: 0 12px 32px rgba(17, 12, 46, .16);

  --control-h-sm: 40px;
  --control-h-md: 48px;
  --control-h-lg: 60px;

  --ease: cubic-bezier(.2, .7, .2, 1);
  --dur: .3s;

  --z-header: 100;
  --z-dropdown: 200;
  --z-fullmenu: 300;
  --z-toast: 400;
  --z-tooltip: 500;
}

@media (min-width: 600px) {
  :root { --gutter: 24px; }
}

@media (min-width: 960px) {
  :root {
    --section-y: 80px;
    --section-y-lg: 120px;
    --header-h: 100px; /* 원본 머리말 높이 */
  }
}