/* Coach website design controls from the editor. These adjust template tokens, so every template responds to them. */

/* Color presets: the coach's background and accent replace the template palette. */
.coach-site.custom-palette{
  --cs-bg:var(--design-bg);--cs-ink:var(--design-ink);
  --cs-soft:color-mix(in srgb,var(--design-ink) 72%,var(--design-bg));
  --cs-alt:color-mix(in srgb,var(--design-ink) 5%,var(--design-bg));
  --cs-line:color-mix(in srgb,var(--design-ink) 14%,var(--design-bg));
  --cs-card:color-mix(in srgb,var(--design-ink) 3%,var(--design-bg));
  --cs-accent-text:color-mix(in srgb,var(--coach-accent) 70%,var(--design-ink));
  --cs-accent-soft:color-mix(in srgb,var(--coach-accent) 14%,var(--design-bg))
}

/* Heading fonts */
.coach-site.font-modern{--cs-head:'Archivo',sans-serif;--cs-head-weight:700;--cs-head-case:none;--cs-head-track:-0.02em}
.coach-site.font-editorial{--cs-head:'Fraunces',serif;--cs-head-weight:600;--cs-head-case:none;--cs-head-track:-0.015em}
.coach-site.font-rounded{--cs-head:'Nunito',sans-serif;--cs-body:'Nunito',sans-serif;--cs-head-weight:700;--cs-head-case:none;--cs-head-track:-0.01em}

/* Hero arrangement (applies to the default split hero) */
.coach-site.hero-center .cs-hero-inner{grid-template-columns:minmax(0,1fr);text-align:center}
.coach-site.hero-center .cs-hero-copy{max-width:780px;margin:0 auto}
.coach-site.hero-center .cs-lede{margin-inline:auto}
.coach-site.hero-center .cs-actions,.coach-site.hero-center .cs-proof{justify-content:center;justify-items:center}
.coach-site.hero-center .cs-hero-media img,.coach-site.hero-center .cs-monogram{aspect-ratio:16/8;max-width:1100px;margin:0 auto}
.coach-site.hero-image-first .cs-hero-media{order:-1}

/* Button shape */
.coach-site.buttons-square{--cs-button-radius:0}
.coach-site.buttons-rounded{--cs-button-radius:12px}
.coach-site.buttons-pill{--cs-button-radius:999px}

/* Spacing */
.coach-site.density-compact .cs-section{padding-block:60px}
.coach-site.density-spacious .cs-section{padding-block:128px}

/* Photo shape */
.coach-site.photo-square{--cs-photo-radius:0}
.coach-site.photo-soft{--cs-photo-radius:26px}
.coach-site.photo-arch{--cs-photo-radius:999px 999px 18px 18px}

@media (max-width:600px){
  .coach-site.density-spacious .cs-section{padding-block:80px}
  .coach-site.hero-image-first .cs-hero-media{order:0}
}