/* Handmade by Diantha — Typography tokens */

:root {
  /* Families */
  --font-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-body:    'Mulish', -apple-system, 'Segoe UI', sans-serif;

  /* Weights */
  --w-light: 300; /* @kind font */
  --w-regular: 400; /* @kind font */
  --w-medium: 500; /* @kind font */
  --w-semibold: 600; /* @kind font */
  --w-bold: 700; /* @kind font */

  /* Type scale — display uses Cormorant, body uses Mulish */
  --fs-display: 64px;   /* hero */
  --fs-h1: 46px;
  --fs-h2: 34px;
  --fs-h3: 26px;
  --fs-title: 21px;     /* card / section titles */
  --fs-lead: 19px;      /* intro paragraphs */
  --fs-body: 16px;
  --fs-sm: 14px;
  --fs-xs: 12px;
  --fs-eyebrow: 12.5px; /* uppercase label */

  /* Line heights */
  --lh-tight: 1.06; /* @kind font */
  --lh-snug: 1.28; /* @kind font */
  --lh-body: 1.62; /* @kind font */

  /* Letter spacing */
  --ls-eyebrow: 0.22em;  /* @kind font */
  --ls-tight: -0.01em; /* @kind font */
  --ls-normal: 0; /* @kind font */

  /* Semantic */
  --text-body-size: var(--fs-body);
  --text-body-lh: var(--lh-body);
}