:root {
  /* Fonts */
  --hd-font-primary: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --hd-font-display: 'Outfit', var(--hd-font-primary);
  
  /* Typography Scale */
  --hd-text-xs: 0.75rem;     /* 12px */
  --hd-text-sm: 0.875rem;    /* 14px */
  --hd-text-base: 1rem;      /* 16px */
  --hd-text-md: 1.125rem;    /* 18px */
  --hd-text-lg: 1.25rem;     /* 20px */
  --hd-text-xl: 1.5rem;      /* 24px */
  --hd-text-2xl: 1.875rem;   /* 30px */
  --hd-text-3xl: 2.25rem;    /* 36px */
  --hd-text-4xl: 3rem;       /* 48px */

  /* Line Heights */
  --hd-leading-tight: 1.25;
  --hd-leading-normal: 1.5;
  --hd-leading-loose: 1.75;
}