/* A branded fallback replaces browser-grey buttons, including dynamically created controls. */
:root{--sol-button-face:linear-gradient(135deg,#fae9b8,#dfba64);--sol-button-ink:#3d2b0c;--sol-button-edge:#a27b2d}
:root.night-site{--sol-button-face:linear-gradient(135deg,#28597f,#163957);--sol-button-ink:#fff0cc;--sol-button-edge:#b99b60}
button,input[type=button],input[type=submit],input[type=reset]{background:var(--sol-button-face);color:var(--sol-button-ink);border:1px solid var(--sol-button-edge);border-radius:12px;cursor:pointer}
button:where(:hover:not(:disabled)),input:where([type=button]:hover,[type=submit]:hover){box-shadow:0 3px 12px #bb8c362b}
button:where(:focus-visible),input:where([type=button]:focus-visible,[type=submit]:focus-visible){outline:3px solid #bb8c36;outline-offset:3px}
button:where(:disabled),input:where(:disabled){cursor:not-allowed}

/* Keep all three Share actions in the same palette as the centre action. */
#share-dialog .dialog-actions>a,#share-dialog .dialog-actions>button{background:var(--sol-button-face);color:var(--sol-button-ink);border:1px solid var(--sol-button-edge);border-radius:12px}