:root {
  /* Theme Colors */
  --color-primary: #8D6E63;
  --color-background: #EFEBE9;
  --color-txtcolor: #3E2723;
  --color-accent: #A1887F;

  /* Typography - Fonts */
  --heading-font: "Lato";
  --body-font: "Montserrat";

  /* Typography - Sizes */
  --heading-size: 33px;
  --body-size: 13px;

  /* Typography - Spacing */
  --line-height: 1;
  --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);
}