/* Wanted Design System — Typography tokens
   Family stacks + the Wanted type scale (role tokens carry size / line-height /
   weight / tracking together). Values read from the Figma file's usage:
   Pretendard JP for product text, Wanted Sans for the brand wordmark & display.
   Korean-first faces use slightly negative tracking. */

:root {
  /* ---- Families ---- */
  --font-sans: "Pretendard JP Variable", "Pretendard JP", "Pretendard Variable",
    -apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo",
    "Malgun Gothic", sans-serif;
  --font-brand: "Wanted Sans Variable", "Wanted Sans", var(--font-sans);
  --font-mono: "SF Mono", ui-monospace, SFMono-Regular, "JetBrains Mono",
    "Menlo", monospace;

  /* ---- Weights ---- */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* ---- Type scale : size / line-height / letter-spacing ----
     Named per Wanted's Title → Heading → Body → Label → Caption ladder. */

  /* Display (Wanted Sans, wordmark / hero) */
  --display-1-size: 56px;   --display-1-line: 64px;  --display-1-track: -0.021em;
  --display-2-size: 40px;   --display-2-line: 48px;  --display-2-track: -0.021em;

  /* Title (Pretendard JP Bold) */
  --title-1-size: 36px;     --title-1-line: 48px;    --title-1-track: -0.02em;
  --title-2-size: 28px;     --title-2-line: 38px;    --title-2-track: -0.019em;
  --title-3-size: 24px;     --title-3-line: 32px;    --title-3-track: -0.014em;

  /* Heading (Pretendard JP SemiBold) */
  --heading-1-size: 20px;   --heading-1-line: 28px;  --heading-1-track: -0.012em;
  --heading-2-size: 17px;   --heading-2-line: 24px;  --heading-2-track: -0.006em;

  /* Body (Pretendard JP Regular / Medium) */
  --body-1-size: 16px;      --body-1-line: 26px;     --body-1-track: 0.001em;
  --body-2-size: 15px;      --body-2-line: 24px;     --body-2-track: 0.002em;

  /* Label (Pretendard JP Medium / SemiBold) — controls, buttons, meta */
  --label-1-size: 14px;     --label-1-line: 20px;    --label-1-track: 0.002em;
  --label-2-size: 13px;     --label-2-line: 18px;    --label-2-track: 0.003em;

  /* Caption (Pretendard JP Medium) — smallest UI text */
  --caption-1-size: 12px;   --caption-1-line: 16px;  --caption-1-track: 0.003em;
  --caption-2-size: 11px;   --caption-2-line: 14px;  --caption-2-track: 0.006em;
}