/* Typography Variables - CSS Custom Properties */

:root {
  /* Font Weights */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;

  /* Font Sizes */
  --font-size-50: 0.75rem; /* 12px */
  --font-size-100: 0.875rem; /* 14px */
  --font-size-200: 1rem; /* 16px */
  --font-size-300: 1.125rem; /* 18px */
  --font-size-400: 1.25rem; /* 20px */
  --font-size-500: 1.375rem; /* 22px */
  --font-size-600: 1.5rem; /* 24px */
  --font-size-700: 1.625rem; /* 26px */
  --font-size-750: 1.75rem; /* 28px */
  --font-size-800: 1.875rem; /* 30px */
  --font-size-850: 2rem; /* 32px */
  --font-size-900: 3rem; /* 48px */

  /* Line Heights */
  --line-height-100: 1.125rem; /* 18px */
  --line-height-200: 1.375rem; /* 22px */
  --line-height-300: 1.5rem; /* 24px */
  --line-height-400: 1.75rem; /* 28px */
  --line-height-500: 1.875rem; /* 30px */
  --line-height-600: 2rem; /* 32px */
  --line-height-700: 2.125rem; /* 34px */
  --line-height-800: 2.25rem; /* 36px */
  --line-height-900: 2.5rem; /* 40px */
  --line-height-1000: 3.625rem; /* 58px */

  /* Font Colors */
  --font-color-primary: #333333;
  --font-color-secondary: #575757;
  --font-color-disabled: #aaaaaa;
  --font-color-placeholder: #757575;
}