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

:root {
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Manrope', system-ui, sans-serif;

  /* Scale */
  --text-xs: 10px;
  --text-sm: 12px;
  --text-base: 15px;
  --text-md: 18px;
  --text-lg: 24px;
  --text-xl: 32px;
  --text-2xl: 48px;
  --text-3xl: 72px;
  --text-hero: clamp(85px, 9vw, 152px);

  /* Leading */
  --leading-tight: 0.9;
  --leading-snug: 1.15;
  --leading-normal: 1.5;
  --leading-relaxed: 1.8;

  /* Tracking */
  --tracking-tight: -0.05em;
  --tracking-normal: 0em;
  --tracking-wide: 0.08em;
  --tracking-wider: 0.15em;
  --tracking-widest: 0.28em;
  --tracking-ultra: 0.38em;

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