/* Pnote accent: sage light for actions and selection, neutral reading surfaces. */
:root{--pnote-primary:#c5dfa8;--pnote-primary-hover:#d5ebbd;--pnote-primary-pressed:#b0cd90;--pnote-primary-ink:#1b2416;--pnote-primary-wash:rgba(197,223,168,.12);--pnote-primary-edge:rgba(197,223,168,.48)}
.btn.btn-primary{background:var(--pnote-primary)!important;color:var(--pnote-primary-ink)!important;border-color:var(--pnote-primary-edge)!important}
.btn.btn-primary:hover{background:var(--pnote-primary-hover)!important}
.btn.btn-primary:active{background:var(--pnote-primary-pressed)!important}
#product .concept-tabs button[aria-selected=true]{background:linear-gradient(145deg,rgba(197,223,168,.23),rgba(197,223,168,.09))!important;color:#fff!important;border-color:var(--pnote-primary-edge)!important;box-shadow:inset 0 1px 0 #ffffff30,0 2px 8px #0003!important}
#product .concept-tabs{border-color:rgba(197,223,168,.22)!important}
#product .feature-controls button:not(:disabled):hover{background:var(--pnote-primary-wash);border-color:var(--pnote-primary-edge)}
.fragment-actions .demo-next,.fragment-actions [data-demo-next]{background:var(--pnote-primary-wash)!important;border:1px solid var(--pnote-primary-edge)!important;border-radius:999px;padding:7px 14px!important;color:#f1f1f1!important}
.source-row input{accent-color:var(--pnote-primary)!important}
button:focus-visible,a:focus-visible,input:focus-visible{outline-color:var(--pnote-primary)!important}
::selection{background:rgba(197,223,168,.32);color:#fff}