:root {
  /* Theme Colors */
  --color-primary: #000000;
  --color-background: #2D2D2D;
  --color-txtcolor: #2D2D2D;
  --color-accent: #dc2626;

  /* Typography - Fonts */
  --heading-font: "Figtree";
  --body-font: "Figtree";

  /* Typography - Sizes */
  --heading-size: 32px;
  --body-size: 16px;

  /* Typography - Spacing */
  --line-height: 1.5;
  --letter-spacing: 0px;
}

/* Apply base typography styles */
body {
  font-family: var(--body-font), -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-size: var(--body-size);
  line-height: var(--line-height);
  letter-spacing: var(--letter-spacing);
  color: var(--color-txtcolor);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--heading-font), -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-size: var(--heading-size);
}