/* Stellar UFO — Typography tokens
 * Rounded, friendly, organized. Big display headlines use heavy weight with
 * tight tracking (the brand's production landing look); body is calm + legible.
 */
:root {
  /* ---- Families ---- */
  --font-display: "Fredoka", "Pretendard Variable", "Pretendard", "Apple SD Gothic Neo", system-ui, sans-serif; /* Latin display / wordmark */
  --font-sans: "Pretendard Variable", "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif; /* Korean + body */
  --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  /* ---- Weights ---- */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-black: 800;
  --weight-ultra: 900;

  /* ---- Fluid display sizes (hero / section) ---- */
  --text-display-xl: clamp(48px, 8vw, 102px);   /* hero H1 */
  --text-display-lg: clamp(34px, 5vw, 64px);    /* section H2 */
  --text-display-md: clamp(28px, 3.4vw, 44px);  /* sub-section */

  /* ---- Fixed scale ---- */
  --text-h3: 22px;
  --text-h4: 20px;
  --text-lead: clamp(20px, 2.4vw, 28px);
  --text-body-lg: 18px;
  --text-body: 17px;
  --text-body-sm: 15px;
  --text-label: 13px;   /* eyebrows / kickers */
  --text-caption: 12px; /* legal / footers */

  /* ---- Line heights ---- */
  --leading-display: 0.93;
  --leading-tight: 1.02;
  --leading-snug: 1.4;
  --leading-body: 1.7;
  --leading-relaxed: 1.8;

  /* ---- Tracking ---- */
  --tracking-display: -0.085em;  /* big rounded headlines pull tight */
  --tracking-h2: -0.075em;
  --tracking-h3: -0.045em;
  --tracking-normal: -0.01em;
  --tracking-label: 0.14em;      /* uppercase kickers spread out */
}