/* Wanted Design System — Typography
   The Figma file does not store named text styles; this scale is reconstructed
   from the type specimens on the Typography page (observed sizes 11–56px) and
   Wanted's published type system. Primary face: Pretendard JP. Brand/display
   face: Wanted Sans. All line-heights are the design's 1.5 rhythm unless noted.

   Scale (weight / size / line-height / letter-spacing):
     Display   — brand moments, hero numerals
     Title     — page + section titles
     Heading   — sub-section titles
     Headline  — card / block titles
     Body      — running copy (Normal + Reading line-heights)
     Label     — controls, dense UI, metadata
     Caption   — captions, timestamps, helper text
*/

:root {
  --font-sans: "Pretendard JP", "Pretendard", "Wanted Sans", -apple-system,
    BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;
  --font-brand: "Wanted Sans", "Pretendard JP", -apple-system, sans-serif;
  --font-mono: "SF Mono", ui-monospace, "SFMono-Regular", "Menlo", "Consolas",
    "Liberation Mono", monospace;

  /* Weights (Pretendard JP axis) */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-extrabold: 800;
}

/* ---- Base ---- */
.wt-type {
  font-family: var(--font-sans);
  color: var(--label-normal);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-feature-settings: "tnum" 0;
}

/* ---- Display (Wanted Sans, brand) ---- */
.wt-display-1 { font-family: var(--font-brand); font-weight: 700; font-size: 56px; line-height: 72px; letter-spacing: -0.017em; }
.wt-display-2 { font-family: var(--font-brand); font-weight: 700; font-size: 40px; line-height: 52px; letter-spacing: -0.017em; }

/* ---- Title ---- */
.wt-title-1 { font-weight: 700; font-size: 36px; line-height: 48px; letter-spacing: -0.027em; }
.wt-title-2 { font-weight: 700; font-size: 28px; line-height: 38px; letter-spacing: -0.027em; }
.wt-title-3 { font-weight: 700; font-size: 24px; line-height: 32px; letter-spacing: -0.023em; }

/* ---- Heading ---- */
.wt-heading-1 { font-weight: 600; font-size: 22px; line-height: 30px; letter-spacing: -0.023em; }
.wt-heading-2 { font-weight: 600; font-size: 20px; line-height: 28px; letter-spacing: -0.022em; }

/* ---- Headline ---- */
.wt-headline-1 { font-weight: 600; font-size: 18px; line-height: 26px; letter-spacing: -0.02em; }
.wt-headline-2 { font-weight: 600; font-size: 17px; line-height: 24px; letter-spacing: -0.02em; }

/* ---- Body ---- */
.wt-body-1-normal  { font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.011em; }
.wt-body-1-reading { font-weight: 400; font-size: 16px; line-height: 26px; letter-spacing: -0.011em; }
.wt-body-2-normal  { font-weight: 400; font-size: 15px; line-height: 22px; letter-spacing: -0.009em; }
.wt-body-2-reading { font-weight: 400; font-size: 15px; line-height: 24px; letter-spacing: -0.009em; }

/* ---- Label ---- */
.wt-label-1 { font-weight: 600; font-size: 14px; line-height: 20px; letter-spacing: -0.006em; }
.wt-label-1-normal { font-weight: 500; font-size: 14px; line-height: 20px; letter-spacing: -0.006em; }
.wt-label-2 { font-weight: 600; font-size: 13px; line-height: 18px; letter-spacing: -0.003em; }
.wt-label-2-normal { font-weight: 500; font-size: 13px; line-height: 18px; letter-spacing: -0.003em; }

/* ---- Caption ---- */
.wt-caption-1 { font-weight: 500; font-size: 12px; line-height: 16px; letter-spacing: 0em; }
.wt-caption-2 { font-weight: 500; font-size: 11px; line-height: 14px; letter-spacing: 0.003em; }

/* ---- Mono ---- */
.wt-mono { font-family: var(--font-mono); font-weight: 500; font-size: 13px; line-height: 20px; }