/* ============================================================
   Deliseeds · Typography tokens
   Display / headlines: Lora (serif)
   Body / UI:           DM Sans (sans-serif)
   ============================================================ */
:root {
  /* Families */
  --font-display: 'Lora', Georgia, 'Times New Roman', serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'DM Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

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

  /* Fluid type scale (1.25 major-third-ish, tuned) */
  --text-display-xl: 64px;   /* hero headline */
  --text-display-l:  48px;   /* page title */
  --text-display-m:  36px;   /* section headline */
  --text-display-s:  28px;   /* sub-section */
  --text-title:      22px;   /* card title */
  --text-body-lg:    18px;
  --text-body:       16px;   /* base */
  --text-body-sm:    14px;
  --text-caption:    13px;
  --text-overline:   12px;   /* eyebrows / labels */

  /* Line heights */
  --leading-tight:   1.08;   /* big display */
  --leading-snug:    1.2;    /* headlines */
  --leading-normal:  1.5;    /* body */
  --leading-relaxed: 1.65;   /* long-form */

  /* Letter spacing */
  --tracking-tight:  -0.02em;  /* display Lora */
  --tracking-normal: 0em;
  --tracking-wide:   0.04em;
  --tracking-overline: 0.14em; /* uppercase eyebrows */
}

/* Base element defaults (consumers may rely on these) */
:root {
  --font-base-size: var(--text-body);
  --font-base-leading: var(--leading-normal);
}