.csc-shortcode-wrap {
  --csc-font-serif: "Playfair Display", Georgia, serif;
  --csc-font-sans: "Open Sans", system-ui, sans-serif;
  --csc-color-brand: #fc5000;
  --csc-color-brand-hover: #fc5000;
  --csc-color-dark: #000000;
}

.csc-shortcode-wrap .csc-app {
  font-family: var(--csc-font-sans);
  background-color: #ffffff;
  color: #1a1a1a;
}

.csc-shortcode-wrap h1,
.csc-shortcode-wrap h2,
.csc-shortcode-wrap h3,
.csc-shortcode-wrap h4,
.csc-shortcode-wrap .font-serif {
  font-family: var(--csc-font-serif);
}

.csc-shortcode-wrap .csc-accent-brand {
  accent-color: var(--csc-color-brand);
}