/* /ai-website-builder-for-coaches: the coach palettes for the sample site in the live preview, and
   where its parts sit on wide screens. The sample site itself (.cs), the prompt box, lines, floating
   cards and sections come from ind.css. */

/* Each coach type: backdrop (g0 to g3) and the sample site's palette (fixed colours: it is the
   customer's site, so it stays the same in dark mode) */
.cp{--cs-serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif}
.cp[data-type="life"]{--g0:#e9cba2;--g1:#fff4e2;--g2:#c8693a;--g3:#eba77d;--cs-bg:#f8efe7;--cs-ink:#2b1d16;--cs-mut:#6f5546;--cs-acc:#b4532a;--cs-soft:#ecd6c4}
.cp[data-type="business"]{--g0:#93a8ea;--g1:#ffd8c4;--g2:#3348b5;--g3:#d9e0ff;--cs-bg:#eef2f8;--cs-ink:#10213a;--cs-mut:#4b5c76;--cs-acc:#1f4fd1;--cs-soft:#d6e0f2}
.cp[data-type="exec"]{--g0:#cdb9ad;--g1:#f7ece4;--g2:#7c2d3e;--g3:#e3c4c0;--cs-bg:#f5f1ec;--cs-ink:#1d1a17;--cs-mut:#5f5750;--cs-acc:#8a2d3b;--cs-soft:#e7ddd2}
.cp[data-type="career"]{--g0:#f2d58a;--g1:#fff7e0;--g2:#d08a12;--g3:#f7e3b0;--cs-bg:#fdf8ec;--cs-ink:#1f1d16;--cs-mut:#625a45;--cs-acc:#a76a0a;--cs-soft:#f3e6c4}
.cp[data-type="health"]{--g0:#b8d1b4;--g1:#f4f9ef;--g2:#3f7d4e;--g3:#dbead2;--cs-bg:#f2f6ef;--cs-ink:#18261b;--cs-mut:#4d5f50;--cs-acc:#3a7449;--cs-soft:#dce8d6}
.cp[data-type="fitness"]{--g0:#f1b28c;--g1:#fff0e4;--g2:#d9531a;--g3:#f8cdb0;--cs-bg:#fff4ec;--cs-ink:#2a160c;--cs-mut:#6d4c3b;--cs-acc:#d4561c;--cs-soft:#f8dac6}
.cp[data-type="relationship"]{--g0:#e3b3c6;--g1:#fdf0f4;--g2:#9c3762;--g3:#f1d0dc;--cs-bg:#f9f1f4;--cs-ink:#2a1520;--cs-mut:#6a4c59;--cs-acc:#a33a64;--cs-soft:#f0dbe3}
.cp[data-type="mindset"]{--g0:#9fcfc9;--g1:#effaf8;--g2:#0f766e;--g3:#d2ece8;--cs-bg:#eff6f5;--cs-ink:#11252a;--cs-mut:#48605f;--cs-acc:#0f766e;--cs-soft:#d4e9e6}



/* Wide screens: the site sits left, the floating cards to its right */
@media (min-width:981px){
  .cs{inset:8% 25% -3% 7%}
  .cs-nav{padding:1.2em 2.2em 0}
  .cs-hero{grid-template-columns:1.35fr .65fr;gap:2em;padding:1.8em 2.2em 1em}
  .cs-h{font-size:2.9em}
  .cs-p{font-size:.95em;max-width:30em}
  .cs-row{padding:.6em 2.2em 2em}
  .cp-quote{left:-34%;bottom:-4%;width:82%}
  .cp-toast{left:auto;right:3.5%;top:7%;width:20%}
  .cp-guide{left:auto;right:3.5%;bottom:auto;top:21%;width:20%}
  .cp-book{right:3.5%;bottom:7%;width:24%}
}