:root {
  /* Colors */
  --color-white: #fff;
  --color-background: #f7f8f9;
  --color-font-base: #4b5563;
  --color-font-secondary: #64748b;
  --color-font-secondary-highlight: #f9fafb;
  --color-font-header: #374151;
  --color-primary: #e76c3f;
  --color-primary-highlight: #fff3f0;
  --color-cream: #f7f5eb;

  /* Sizes */
  font-size: 14px;
  --size-navbar: 14rem;
  --size-border-rounded: 0.4rem;
  --size-font-header: 2rem;

  /* Fonts */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

body {
  margin: 0;
  color: var(--color-font-base);
  background-color: var(--color-white);
}