/* Retell Design System — Typography tokens
   Primary UI face is Inter; display/marketing face is Helvetica Now
   Display in the source library, substituted here with Inter Tight. */

:root {
  /* ---- Families ---- */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: "Inter Tight", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "Roboto Mono", Menlo, Consolas, monospace;

  /* ---- Weights ---- */
  --weight-regular: 400;
  --weight-medium: 500;   /* default weight for UI labels */
  --weight-semibold: 600;
  --weight-bold: 700;

  /* ---- Type scale (font-size / line-height) ---- */
  --text-xs-size: 12px;     --text-xs-line: 16px;
  --text-sm-size: 14px;     --text-sm-line: 20px;   /* body default */
  --text-base-size: 16px;   --text-base-line: 24px;
  --text-lg-size: 18px;     --text-lg-line: 28px;
  --text-xl-size: 20px;     --text-xl-line: 28px;
  --text-2xl-size: 24px;    --text-2xl-line: 32px;
  --text-3xl-size: 32px;    --text-3xl-line: 40px;
  --text-4xl-size: 40px;    --text-4xl-line: 48px;
  --text-5xl-size: 48px;    --text-5xl-line: 56px;

  /* ---- Display (marketing headlines) ---- */
  --display-sm-size: 60px;  --display-sm-line: 64px;
  --display-lg-size: 72px;  --display-lg-line: 76px;

  /* ---- Tracking ---- */
  --tracking-tight: -0.02em;   /* display headlines */
  --tracking-normal: 0em;
  --tracking-wide: 0.04em;     /* eyebrows / overlines */
}