/* Hallmark · tokens — 위멘토 홈페이지 (www.wementor.kr) · 2026-09-24
 * 브랜드 고정값(네이비·블루)은 그대로, 나머지 색은 네이비(hue≈265)에서 도출한 한 계열.
 * 색·글꼴·간격은 전부 여기서만 정한다. site.css 는 이름으로만 쓴다. */
:root{
  /* ── 색 ── */
  --color-navy:#012461;                       /* 브랜드 네이비 (고정) */
  --color-navy-2:oklch(31% 0.105 265);        /* 네이비 위 한 단 밝은 면 */
  --color-accent:#2B54B0;                     /* 브랜드 블루 (고정) — 링크·강조·초점 */
  --color-accent-ink:oklch(97% 0.008 262);
  --color-focus:oklch(52% 0.19 265);

  --color-paper:oklch(97.5% 0.006 262);       /* 바탕 — 순백이 아니라 네이비 쪽으로 살짝 */
  --color-paper-2:oklch(94.5% 0.010 262);     /* 교대 바탕 */
  --color-ink:oklch(20% 0.040 265);           /* 본문 글자 */
  --color-ink-2:oklch(36% 0.035 265);         /* 둘째 글자 */
  --color-muted:oklch(48% 0.030 265);         /* 보조 글자 (종이 위 5:1 이상) */
  --color-rule:oklch(84% 0.014 262);          /* 괘선 */
  --color-rule-2:oklch(90% 0.010 262);        /* 옅은 괘선 */
  --color-rule-strong:var(--color-ink);       /* 굵은 단계 괘선 */

  --color-on-navy:oklch(97% 0.008 262);       /* 네이비 위 글자 */
  --color-on-navy-2:oklch(82% 0.035 262);     /* 네이비 위 보조 글자 */
  --color-rule-on-navy:oklch(42% 0.08 265);

  /* ── 글꼴 ── */
  --font-display:"Noto Serif KR","Nanum Myeongjo","Apple SD Gothic Neo",serif;
  --font-body:"Pretendard Variable","Pretendard","Malgun Gothic","맑은 고딕","Apple SD Gothic Neo",sans-serif;

  /* 크기 — 본문 17px 기준, 1.25 배씩 */
  --text-sm:.875rem;      /* 14px 각주·꼬리표 */
  --text-base:1.0625rem;  /* 17px 본문 */
  --text-md:1.25rem;      /* 20px */
  --text-lg:1.5rem;       /* 24px */
  --text-xl:1.875rem;     /* 30px */
  --text-2xl:2.375rem;    /* 38px */
  --text-display:clamp(2rem, 1.2rem + 3.6vw, 3.75rem);   /* 대문 제목 32~60px */
  --text-display-s:clamp(1.75rem, 1.1rem + 2.6vw, 2.75rem);

  --leading-display:1.22;
  --leading-body:1.75;
  --tracking-display:-.02em;

  /* ── 간격 (4pt) ── */
  --space-2xs:.25rem; --space-xs:.5rem; --space-sm:.75rem; --space-md:1rem;
  --space-lg:1.5rem;  --space-xl:2.5rem; --space-2xl:4rem; --space-3xl:6rem; --space-4xl:9rem;
  --page-gutter:clamp(1rem, 4vw, 2.5rem);
  --measure:38rem;        /* 본문 한 줄 폭 */
  --page-max:72rem;

  /* ── 움직임 ── */
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-in:cubic-bezier(.7,0,.84,0);
  --ease-in-out:cubic-bezier(.65,0,.35,1);
  --dur-micro:120ms; --dur-short:220ms; --dur-long:420ms;

  /* ── 모양 ── */
  --rule-w:1px;
  --rule-strong-w:3px;
  --radius-none:0;
  --radius-input:2px;

  /* ── 명함 그림자 — 종이 한 장이 책상 위에 놓인 정도 ── */
  --shadow-card:0 1px 2px oklch(20% 0.04 265 / .08), 0 14px 34px -12px oklch(20% 0.06 265 / .28);
  --color-desk:oklch(93.5% 0.010 262);        /* 명함이 놓인 바탕 */

  /* ── 층 ── */
  --z-base:1; --z-raised:10; --z-sticky:200; --z-modal:400;
}