/* Soft theme for the growth plan page: remaps its colour variables and the few
   hard-coded dark colours so it matches the business model, sales and
   departments pages. */
:root{
  --bg:#f8f6fc; --bg2:#ffffff; --card:#ffffff; --line:#e8e4f0; --ink:#2a3145; --mute:#6b7488;
  --sun:#b9790a; --volt:#1f8f68; --sky:#2a7bc4; --rose:#cf4b72; --violet:#6f56d9;
}
html,body{background:var(--bg);color:var(--ink)}
body,button,input,select,textarea{font-family:'Space Grotesk',system-ui,-apple-system,Segoe UI,sans-serif}
a{color:#6f56d9}
h1,h2,h3{letter-spacing:-.02em}
section{border-top:1px solid #efeaf7}
.eyebrow{color:#6f56d9}
.grad{background:linear-gradient(90deg,#6f56d9,#2a7bc4 60%,#1f8f68);-webkit-background-clip:text;background-clip:text;color:transparent}
.card{box-shadow:0 6px 24px rgba(74,58,140,.05);transition:transform .25s ease,box-shadow .25s ease}
.card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(74,58,140,.12)}
.pill{background:#f1eef8;color:var(--mute)}
.kpi{background:#fff;box-shadow:0 6px 24px rgba(74,58,140,.05)}
.note{color:var(--mute)}
/* nav row */
nav.top{background:rgba(248,246,252,.92);border-bottom:1px solid var(--line)}
nav.top a:hover{background:#efeaff;color:#6f56d9}
/* hero */
.hero:before{background:radial-gradient(circle,rgba(111,86,217,.16),transparent 60%)}
.hero:after{background:radial-gradient(circle,rgba(31,143,104,.13),transparent 60%)}
/* controls */
.filters button,.tabs button,.ctrls button,.scen button{background:#fff;color:var(--mute);border-color:var(--line)}
.filters button.on,.tabs button.on,.scen button.on{background:#e6defc;color:#6f56d9;border-color:transparent}
.ctrls button{color:var(--ink)}
.ctrls button.pri2{background:#1f8f68;color:#fff;border-color:#1f8f68}
/* panels that were near-black */
.agent .kp,.hrs{background:#faf8fe;border-color:#e0d9f2}
.brief,.out>div,.pay>div,.url,.calc input[type=number],.comm input[type=number]{background:#faf8fe;border-color:#e0d9f2;color:var(--ink)}
.url{color:#1f8f68}
.ph,.wa-item,.fi,th,td{border-bottom-color:#efeaf7}
.wa-item .fix{color:#1f6f52}
.bar,.meter,.bt{background:#ece8f6}
.ring{background:conic-gradient(var(--volt) calc(var(--p)*1%),#ece8f6 0)}
.track:before{background:#e3def0}
.stp .dot{background:#d6cfe8;border-color:#fff}
.step .num{color:#fff}
.cta{background:linear-gradient(135deg,#efe9ff,#e3f6ee);border-color:#ddd5f5}
footer{color:var(--mute);border-top-color:#efeaf7}
/* the autopilot console and the map preview stay dark on purpose: they are screens */
.console{background:#1f2740;border-color:#2c3656;color:#dce4f2}
.mapview{border-color:#d9d2f0;box-shadow:0 20px 60px rgba(74,58,140,.18)}
.mapview a span{color:#fff;background:linear-gradient(90deg,#6f56d9,#2a7bc4)}
/* second pass: autopilot flow and table text */
.chip{background:#f1eef8;border-color:#e0d9f2;color:var(--ink)}
td{color:var(--ink)}
th{color:var(--mute)}
.stp.on{background:#f1eefc;border-color:#d9d2f0}
.stp .tx{color:var(--ink)}
.stp .tm{color:#a8790a}