/* ============================================================
   TYPOGRAPHY TOKENS
   Font: Pretendard (uploaded), replacing the original
   Haas Grotesk + Inter Display stacks wholesale.
   The system favors WEIGHT 400 for display sizes — emphasis
   comes from size and color, not weight. 500 for sub-titles
   and buttons. True bold (600+) is reserved for legal surfaces.
   ============================================================ */

:root {
  /* --- Families --- */
  /* Single brand family now — Pretendard covers both the editorial
     and pricing sub-systems. Fallback walks the OS UI stack. */
  --font-brand: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans",
    "Helvetica Neue", sans-serif;
  --font-display: var(--font-brand);
  --font-text: var(--font-brand);
  --font-pricing: var(--font-brand); /* pricing sub-system also uses Pretendard now */

  /* --- Weights --- */
  --weight-thin: 100;
  --weight-extralight: 200;
  --weight-light: 300;
  --weight-regular: 400;   /* display + body default */
  --weight-medium: 500;    /* sub-titles, buttons, article titles */
  --weight-semibold: 600;  /* legal surfaces only, in the editorial system */
  --weight-bold: 700;
  --weight-extrabold: 800;
  --weight-black: 900;
  /* Pricing sub-system originally used 475 / 575 (variable-font mid-weights).
     Pretendard ships static weights, so we map:
       475 -> 500 (medium)   575 -> 600 (semibold) */
  --weight-pricing-display: 500;
  --weight-pricing-body: 600;

  /* --- Editorial type scale (size / line-height / letter-spacing / weight) --- */
  --type-display-xl-size: 48px;   --type-display-xl-lh: 1.1;  --type-display-xl-ls: 0;     --type-display-xl-weight: 500;
  --type-display-lg-size: 40px;   --type-display-lg-lh: 1.2;  --type-display-lg-ls: 0;     --type-display-lg-weight: 400;
  --type-display-md-size: 32px;   --type-display-md-lh: 1.2;  --type-display-md-ls: 0;     --type-display-md-weight: 400;
  --type-title-lg-size: 24px;     --type-title-lg-lh: 1.35;   --type-title-lg-ls: 0.12px;  --type-title-lg-weight: 400;
  --type-title-md-size: 20px;     --type-title-md-lh: 1.5;    --type-title-md-ls: 0;       --type-title-md-weight: 400;
  --type-title-sm-size: 18px;     --type-title-sm-lh: 1.4;    --type-title-sm-ls: 0;       --type-title-sm-weight: 500;
  --type-label-md-size: 16px;     --type-label-md-lh: 1.4;    --type-label-md-ls: 0;       --type-label-md-weight: 500;
  --type-button-size: 16px;       --type-button-lh: 1.4;      --type-button-ls: 0;         --type-button-weight: 500;
  --type-body-md-size: 14px;      --type-body-md-lh: 1.25;    --type-body-md-ls: 0;        --type-body-md-weight: 400;
  --type-caption-size: 14px;      --type-caption-lh: 1.35;    --type-caption-ls: 0.16px;   --type-caption-weight: 500;
  --type-legal-size: 13.12px;     --type-legal-lh: 1.2;       --type-legal-ls: 0;          --type-legal-weight: 600;

  /* --- Pricing type scale --- */
  --type-pricing-display-size: 44.8px; --type-pricing-display-lh: 1.1; --type-pricing-display-weight: 500;
  --type-pricing-section-size: 28px;   --type-pricing-section-lh: 1.2; --type-pricing-section-weight: 500;
  --type-pricing-card-title-size: 20px;--type-pricing-card-title-lh: 1.3; --type-pricing-card-title-weight: 500;
}