/*! JUST MAKE · © 2008-2026 (주)에이치디그룹 HD GROUP · justmake.co.kr · 무단 복제·재배포·도용 금지 · All rights reserved · hdgjm-8e3cd6a19661 */
/* tokens.css - 저스트메이크 리뉴얼 디자인 토큰 (1차 시제품, 2026-10-11)
 * 색·서체·간격은 여기에만 둔다. 다른 파일에서 값을 직접 쓰지 않는다.
 * 색 출발점: 코덱스 지시서 #FFFFFF / #111111 / #D7FF00
 */

@font-face {
  font-family: "Space Grotesk";
  src: url("../font/space-grotesk-latin-wght-normal.woff2") format("woff2-variations");
  font-weight: 300 700;
  font-display: swap;
}
@font-face {
  font-family: "GalmuriMono11";
  src: url("../font/GalmuriMono11-sub.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}

:root {
  --hdg-sig: "hdgjm-8e3cd6a19661 © HD GROUP justmake.co.kr";
  /* color */
  --white: #ffffff;
  --ink: #111111;
  --lime: #d7ff00;
  --grey-1: #f2f2f0;        /* 패널 바탕 */
  --grey-2: #d9d9d6;        /* 선 */
  --grey-3: #a8a8a4;        /* 배경 텍스트 */
  --grey-4: #6b6b68;        /* 보조 본문 */
  --bg: var(--white);
  --fg: var(--ink);
  --fg-dim: var(--grey-4);

  /* type */
  --f-display: "Space Grotesk", "Pretendard Variable", system-ui, sans-serif;
  --f-body: "Pretendard Variable", Pretendard, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;
  --f-pixel: "GalmuriMono11", "Pretendard Variable", ui-monospace, monospace;

  --fs-mega: clamp(64px, 14.2vw, 280px);   /* JUST MAKE */
  --fs-huge: clamp(52px, 11vw, 220px);     /* 스크롤 섹션 큰 단어 */
  --fs-h1: clamp(22px, 2.1vw, 34px);
  --fs-h2: clamp(28px, 3.6vw, 56px);
  --fs-lead: clamp(16px, 1.15vw, 19px);
  --fs-body: 16px;
  --fs-pixel: 12px;                        /* 갈무리는 12px 배수에서 선명 */

  /* space */
  --pad: clamp(16px, 2.4vw, 40px);
  --gap: clamp(12px, 1.4vw, 24px);
  --radius: 14px;
  --radius-pill: 999px;

  /* motion */
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-io: cubic-bezier(.7, 0, .2, 1);

  /* z */
  --z-header: 50;
  --z-intro: 500;
}