/* Marvela — Typography tokens
   Display serif: Cormorant Garamond (editorial, high-contrast, for headlines & pull quotes)
   Body sans: DM Sans (clean, quiet workhorse for UI and long-form copy) */

:root {
  --font-serif-display: "Cormorant Garamond", "Times New Roman", Georgia, serif;
  --font-sans-body: "DM Sans", -apple-system, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* Display scale — Cormorant, generous, editorial */
  --text-display-2xl: 700 88px/1.02 var(--font-serif-display);
  --text-display-xl: 500 64px/1.05 var(--font-serif-display);
  --text-display-lg: 500 48px/1.08 var(--font-serif-display);
  --text-display-md: 500 36px/1.12 var(--font-serif-display);
  --text-display-sm: 500 28px/1.2 var(--font-serif-display);

  /* Body scale — DM Sans */
  --text-body-lg: 400 19px/1.6 var(--font-sans-body);
  --text-body-md: 400 16px/1.65 var(--font-sans-body);
  --text-body-sm: 400 14px/1.6 var(--font-sans-body);
  --text-body-xs: 400 12.5px/1.5 var(--font-sans-body);

  /* Labels / UI micro-copy — DM Sans, wide tracking, small caps energy */
  --text-label-lg: 500 14px/1.4 var(--font-sans-body);
  --text-label-md: 500 12.5px/1.3 var(--font-sans-body);
  --text-label-sm: 600 11px/1.2 var(--font-sans-body);

  /* Letter-spacing */
  --tracking-tight: -0.01em;
  --tracking-normal: 0;
  --tracking-wide: 0.04em;
  --tracking-wider: 0.12em;
  --tracking-widest: 0.22em;

  /* Weights available per family */
  --weight-serif-regular: 400;
  --weight-serif-medium: 500;
  --weight-serif-semibold: 600;
  --weight-serif-bold: 700;
  --weight-sans-regular: 400;
  --weight-sans-medium: 500;
  --weight-sans-semibold: 600;
  --weight-sans-bold: 700;
}