/*
 * The one and only source of page-level surfaces and framing.
 * Component colours (cards, navigation, buttons) belong in style.css.
 * Values below are overridden only by Appearance > Page surfaces.
 */
:root {
  --rc-page-bg: #f4f4f4;
  --rc-panel-bg: #fff;
  --rc-panel-border: #d7d7d7;
  --rc-content-width: 1280px;
  --rc-panel-border-width: 0px;
}

html,
body {
  background: var(--rc-page-bg);
}

.main-content {
  width: 100%;
  background: transparent;
}

/* A surface is always one content root, never a generic nested .container. */
body.redcastle-surface-open article.container,
body.redcastle-surface-panel article.container,
body.home .redcastle-home-bg {
  width: 100%;
  max-width: var(--rc-content-width);
  min-height: 0;
  margin-inline: auto;
  padding: 0 25px 5rem;
  color: #2d2d2d;
}

body.redcastle-surface-open article.container,
body.home .redcastle-home-bg {
  background: var(--rc-page-bg);
  border: 0;
}

body.redcastle-surface-panel article.container {
  background: var(--rc-panel-bg);
  border: var(--rc-panel-border-width) solid var(--rc-panel-border);
}

/* Gutenberg groups nested inside the root are layout only. */
body.redcastle-surface-open article.container .container,
body.redcastle-surface-panel article.container .container,
body.home .redcastle-home-bg .container,
.redcastle-page__content {
  width: 100%;
  max-width: none;
  min-height: 0;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
}