body {
  font-family: var(--bbb-body-font);
  font-size: var(--bbb-base-font-size);
  line-height: var(--bbb-line-height);
  color: var(--bbb-text);
  background: var(--bbb-background);
}

body,
p,
li,
input,
textarea,
select,
button {
  color: var(--bbb-text);
}

h1, h2, h3, h4, h5, h6,
.site-title,
.widget-title,
.elementor-heading-title {
  font-family: var(--bbb-heading-font);
  color: var(--bbb-primary);
  line-height: 1.2;
}

a,
a:visited,
.elementor a {
  color: var(--bbb-accent);
}

a:hover,
a:focus {
  color: var(--bbb-primary);
}

button,
input[type="button"],
input[type="submit"],
.elementor-button,
.wp-block-button__link {
  background: var(--bbb-primary);
  border-color: var(--bbb-primary);
  border-radius: var(--bbb-button-radius);
  color: #fff;
}

button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.elementor-button:hover,
.wp-block-button__link:hover {
  background: var(--bbb-accent);
  border-color: var(--bbb-accent);
  color: #fff;
}

.site,
.container,
.elementor-section.elementor-section-boxed > .elementor-container,
.elementor-container {
  max-width: var(--bbb-content-width);
}

.card,
.widget,
.elementor-widget-container,
.elementor-image-box-wrapper,
.elementor-tab-content,
blockquote {
  border-radius: 10px;
}

.elementor-widget-text-editor,
.entry-content,
.post-content {
  font-family: var(--bbb-body-font);
}

.elementor-widget-heading .elementor-heading-title,
.entry-title,
.post-title {
  font-family: var(--bbb-heading-font);
}

.has-accent-color { color: var(--bbb-accent) !important; }
.has-primary-color { color: var(--bbb-primary) !important; }
.has-surface-background-color { background-color: var(--bbb-surface) !important; }