/* Layout width utilities */
.layout-narrow  { max-width: 576px; margin-inline: auto; }
.layout-reading { max-width: 65ch; margin-inline: auto; }
.layout-form    { max-width: 768px; margin-inline: auto; }
.layout-page    { max-width: 1024px; margin-inline: auto; }
.layout-wide    { max-width: 1280px; margin-inline: auto; }

/* Brand colour as CSS custom property — set per-org on customer-facing pages.
   Default is BookWild's own Surf brand. Orgs override via @organisation.brand_css. */
:root {
  --brand-colour: #3D7E9B;
}

.brand-accent { color: var(--brand-colour); }
.brand-bg { background-color: var(--brand-colour); }
.brand-border { border-color: var(--brand-colour); }