/* CSS theme variables */
:root {
  --theme-white: #ffffff;
  --theme-sand: #eee9e1;
  --theme-red: #d02024;
  --theme-yellow: #fbc50b;
  --theme-black: #000106;
  --theme-black-solid: #000106ff;
  --theme-primary-font: ui-sans-serif, system-ui, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --theme-heading-font: "Impact", "Haettenschweiler", "Arial Narrow Bold",
    sans-serif;
}

.bg-theme-red {
  background-color: var(--theme-red);
}
.bg-theme-yellow {
  background-color: var(--theme-yellow);
}
.bg-theme-black {
  background-color: var(--theme-black);
}

.border-theme-black {
  border-color: var(--theme-black);
}

.border-b-theme-black {
  border-bottom-color: var(--theme-black);
}

.text-theme-white {
  color: var(--theme-white);
}
.text-theme-black {
  color: var(--theme-black);
}
.text-theme-red {
  color: var(--theme-red);
}
.text-theme-yellow {
  color: var(--theme-yellow);
}