/* ============================================================
   Metro Weddings — Typography Tokens
   No brand type files were provided (no codebase/Figma access;
   Facebook/Instagram are not readable as design sources). These are
   Google Fonts substitutes chosen to match the "modern & minimal /
   luxury & editorial / warm & approachable" direction the user
   picked. Flagged for the user to replace with real brand fonts
   if Metro Weddings has licensed ones.
   - Display serif: Cormorant Garamond — editorial, high-contrast,
     used for headlines and big emotional moments (invitation feel
     without being a script font).
   - Body sans: Manrope — modern geometric sans, warm at large sizes,
     highly legible in UI at small sizes.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Manrope:wght@400;500;600;700;800&display=swap');

:root {
  /* Font families */
  --font-display: 'Cormorant Garamond', 'Iowan Old Style', Georgia, serif;
  --font-body: 'Manrope', -apple-system, 'Segoe UI', sans-serif;

  /* Type scale (px equivalents via rem, 16px base) */
  --text-xs: 0.75rem;    /* 12 */
  --text-sm: 0.875rem;   /* 14 */
  --text-base: 1rem;     /* 16 */
  --text-md: 1.125rem;   /* 18 */
  --text-lg: 1.375rem;   /* 22 */
  --text-xl: 1.75rem;    /* 28 */
  --text-2xl: 2.25rem;   /* 36 */
  --text-3xl: 3rem;      /* 48 */
  --text-4xl: 3.75rem;   /* 60 */
  --text-5xl: 5rem;      /* 80 */

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

  /* Line heights */
  --leading-tight: 1.08;
  --leading-snug: 1.25;
  --leading-normal: 1.5;
  --leading-relaxed: 1.65;

  /* Letter spacing */
  --tracking-tight: -0.02em;
  --tracking-normal: 0;
  --tracking-wide: 0.04em;
  --tracking-wider: 0.12em;
}