:root {
  --bg-color: #f7f5f3;
  --text-color: #212121;

  --content-card-bg-color: white;

  --caption-color: #7A7772;
}

[data-theme="dark"] {
  --bg-color: #24221c;
  --text-color: #f1e9d2;
  
  --content-card-bg-color: rgb(26, 26, 26);

  --caption-color: #A7A398;
}

html {
  background-color: var(--bg-color);
  color: var(--text-color);
  padding-bottom: 3rem;
  font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    "Open Sans",
    "Helvetica Neue",
    sans-serif;
}