.block--layout-builder.layout--full-green {
  --block-bg: var(--c-brand-dark-green);
  --block-fg: var(--c-brand-light-green);
}

.block--layout-builder.layout--full-blue {
  --block-bg: var(--c-brand-dark-blue);
  --block-fg: var(--c-brand-light-blue);
}

.block--layout-builder.layout--full-red {
  --block-bg: var(--c-brand-light-green);
  --block-fg: var(--c-brand-dark-green);
}

.block--layout-builder.layout--full-light {
  --block-bg: var(--c-brand-light-blue);
  --block-fg: var(--c-brand-dark-blue);
}

.block--layout-builder.layout--full-yellow {
  --block-bg: var(--c-brand-accent-yellow);
  --block-fg: var(--c-brand-dark-blue);
}

.block--layout-builder.layout--full-green {
  --c-btn-bg: var(--c-brand-light-green);
  --c-btn-fg: var(--c-brand-dark-green);
  --c-btn-border: var(--c-brand-light-green);
  --c-btn-hover-bg: var(--c-brand-dark-green);
  --c-btn-hover-fg: var(--c-brand-light-green);
  --c-btn-hover-border: var(--c-brand-light-green);
}

.block--layout-builder.layout--full-light {
  --c-btn-alt-bg: var(--c-brand-dark-blue);
  --c-btn-alt-fg: var(--c-brand-light-blue);
  --c-btn-alt-border: var(--c-brand-dark-blue);
  --c-btn-alt-hover-bg: var(--c-brand-light-blue);
  --c-btn-alt-hover-fg: var(--c-brand-dark-blue);
  --c-btn-alt-hover-border: var(--c-brand-dark-blue);
}

.block--layout-builder.layout--full-blue {
  --c-btn-alt-hover-border: var(--c-brand-light-blue);
}

.block.block--layout-builder[class*="layout--full-"] {
  color: var(--block-fg);
}

.block.block--layout-builder[class*="layout--full-"] :is(h1, h2, h3, h4, h5, h6, p, li, td, th, .field, a:not(.btn)) {
  color: var(--block-fg);
}

.block.block--layout-builder[class*="layout--full-"]:not(.block--inline-block--cta, .block--inline-block--quote) {
  padding: 16px;
  margin-bottom: var(--lb-spacing);
  background-color: var(--block-bg);
}

@media all and (min-width: 64rem) {
  .block.block--layout-builder[class*="layout--full-"]:not(.block--inline-block--cta, .block--inline-block--quote) {
    padding: 48px;
  }
}