/* v06: silver / charcoal / teal. Canonical palette overrides for this prototype.
   Inspired by the client's supplied gray website reference; not a pixel-exact
   brand specification. Existing CSS token names remain compatibility aliases. */
:root{
 /* Shared surfaces replace subtly different gray/ivory chapter backgrounds;
    intentional teal chapters, dark scenes and the five habit colors remain. */
 --surface-paper:#f5f6f1;
 --surface-silver:#d8dfdc;
 --surface-ink:#101817;
 --surface-teal:#006657;
 --text-primary:#172d29;
 --text-secondary:#465b55;
 --text-on-dark:#f1f5f2;
 --accent-bright:#2ad0b8;
 --accent-readable:#007566;
 --primary-action:var(--accent-bright);
 --primary-action-hover:#70e6cc;
 --primary-action-text:#102923;

 --silver:#cbd0d3;
 --silver-light:#edf0f2;
 --silver-deep:#b7bec3;
 --silver-line:#7e8a90;
 --silver-surface:#d3d7da;
 --action-fill:linear-gradient(125deg,var(--silver-light) 0%,var(--silver) 60%,var(--silver-deep) 100%);
 --paper:#f5f5f3;
 --paper-deep:#e5e7e8;
 --muted:#505a5c;
 --line:#afb8bd;
 --dark-line:#536165;
 --header-line:#536165;
 --quiet-on-dark:#cbd1d3;
 --sage:#dce1e2;
 --contact-surface:var(--silver-surface);
 --contact-link-hover:#005c52;
}
.site-header{border-bottom-color:var(--dark-line)}
.button-clay,.button-cream,.nav-consult,.first-session .button-dark,.contact-call,.contact .form-submit{
 background:var(--action-fill);color:var(--ink);border:1px solid var(--silver-line);
 box-shadow:inset 0 1px 0 #ffffffb3,inset 0 -3px 0 var(--brand-dark);
}
.button-clay::before,.button-cream::before,.nav-consult::before,.first-session .button-dark::before{background:var(--clay)}
.button-clay:hover,.button-clay:focus-visible,.button-cream:hover,.button-cream:focus-visible,.nav-consult:hover,.nav-consult:focus-visible,.first-session .button-dark:hover,.first-session .button-dark:focus-visible{
 color:var(--ink);background:var(--action-fill);box-shadow:4px 4px 0 #8b9b9a55;
}
.button-outline{border-color:var(--silver-line)}
.button-outline::before{background:var(--silver)}
.button-outline:hover,.button-outline:focus-visible{box-shadow:4px 4px 0 #9da8ac55}
.call-button{color:var(--silver-light);border-color:var(--silver-line);background:#ffffff06}
.call-button:hover,.call-button:focus-visible{background:var(--silver-light);color:var(--ink);border-color:var(--silver-light)}
.habit-ribbon{background:var(--action-fill);border-bottom:1px solid var(--silver-line)}
.mini-habit svg{border-color:#77868a}
.ribbon-cta{border-color:var(--brand-dark)}
.training-band{background:var(--silver-surface);border-block-color:var(--sport-dark);color:var(--ink)}
.training-band i{color:var(--brand-dark)}
.coach-photo{border-color:var(--silver)}
.method-real-label{background:var(--silver-light);color:var(--ink);border-left:3px solid var(--brand-dark)}
.method-step.active{border-top-color:var(--brand-dark)}
.training-journal{border-top-color:var(--silver)}
.training-journal::before{background:repeating-linear-gradient(120deg,transparent 0 34px,#cbd0d330 34px 36px)}
.journal-stamp{border-color:var(--silver-line)}
.journal-toolbar{border-color:var(--dark-line)}
.journal-filters button{border-color:var(--silver-line)}
.journal-filters button[aria-pressed=true]{background:var(--silver-light);color:var(--ink);border-color:var(--silver-light);box-shadow:inset 0 -3px var(--brand-dark)}
.tile-index{background:var(--silver-light);color:var(--ink);border-bottom:2px solid var(--brand-dark)}
.habits-section h2 span{color:var(--silver-light)}
.habits-section::before{background:var(--silver)}
.rig-end{background:var(--silver)}
.progress-section{border-top-color:var(--silver)}
.contact{
 background:linear-gradient(125deg,#e0e3e5 0%,var(--silver-surface) 52%,#c4cace 100%);
 color:var(--ink);
}
.contact::before{height:12px;background:repeating-linear-gradient(120deg,var(--silver-line) 0 14px,transparent 14px 36px);border-top:1px solid var(--silver-line)}
.contact h2 em{color:var(--brand-dark);-webkit-text-stroke:0}
.contact .eyebrow,.contact-details .detail-label{color:#38474a}
.contact-form-wrap{background:var(--paper);border:1px solid var(--silver-line);box-shadow:9px 9px 0 #89959b5c}
.contact-call{border-color:#526369}
.contact-call::before,.contact .form-submit::before{background:var(--ink)}
.contact-call:hover,.contact-call:focus-visible,.contact .form-submit:hover,.contact .form-submit:focus-visible{color:var(--paper);box-shadow:4px 4px 0 #78878c60}
.contact input,.contact select,.contact textarea{background:#fff;border-bottom-color:#7e8a90}
.contact input::placeholder,.contact textarea::placeholder{color:#667174;opacity:1}
.contact-email{border-color:#617278}
.contact-email:hover{color:var(--contact-link-hover)}
.contact .form-response{background:var(--paper-deep);color:var(--ink);border-color:var(--silver-line)}
.site-footer{border-top:6px solid var(--silver-deep)}
.footer-top>p{color:var(--silver-light)}
.footer-top>.text-link{padding:13px 17px;border:1px solid var(--silver-line);color:var(--silver-light)}
.footer-top>.text-link:hover,.footer-top>.text-link:focus-visible{background:var(--silver-light);color:var(--ink)}
.footer-bottom,.social-links>span{color:var(--quiet-on-dark)}
.social-links a{border-color:var(--silver-line)}
.back-top{border-color:var(--silver-line);color:var(--silver-light)}
.motion-control{border-color:var(--silver-line)}
@media(max-width:760px){.contact-form-wrap{box-shadow:6px 6px 0 #89959b5c}.footer-top>.text-link{font-size:11px;padding:12px}}