/* Shared skin for the Bootstrap-based FEM and N-Body tools. */
@import url("./portfolio-palette.css");
:root{--bs-body-bg:var(--portfolio-bg);--bs-body-color:var(--portfolio-text);--bs-border-color:var(--portfolio-line-strong);--bs-primary:#e8b83d;--bs-primary-rgb:232,184,61}
html body{background:var(--portfolio-bg);color:var(--portfolio-text)}
.bg-light,.bg-white,.bg-black,.bg-dark{background-color:var(--portfolio-panel)!important}
.text-dark,.text-black,.text-white{color:var(--portfolio-text)!important}
.text-muted,.text-secondary{color:var(--portfolio-muted)!important}
.border,.border-top,.border-bottom,.border-start,.border-end{border-color:var(--portfolio-line-strong)!important}
a,.btn-link{color:var(--portfolio-accent)}a:hover,.btn-link:hover{color:var(--portfolio-accent)}
.form-control,.form-select,.input-group-text,.dropdown-menu,.list-group-item,.card,.modal-content,.accordion-item,.accordion-button{background-color:var(--portfolio-input);color:var(--portfolio-text);border-color:var(--portfolio-line-strong)}
.form-control:focus,.form-select:focus{background-color:var(--portfolio-input);color:var(--portfolio-text);border-color:var(--portfolio-accent);box-shadow:0 0 0 3px var(--portfolio-accent-soft)}
.form-control::placeholder{color:var(--portfolio-muted)}
.form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23ececec' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E")}
.btn-light,.btn-dark,.btn-secondary,.btn-outline-secondary,.btn-outline-dark{background:var(--portfolio-input);border-color:var(--portfolio-line-strong);color:var(--portfolio-text)}
.btn-light:hover,.btn-dark:hover,.btn-secondary:hover,.btn-outline-secondary:hover,.btn-outline-dark:hover{background:var(--portfolio-accent-soft);border-color:var(--portfolio-accent);color:var(--portfolio-accent)}
.btn-primary,.btn-primary:hover,.btn-check:checked+.btn,.btn-outline-secondary.active,.btn-outline-dark.active{background:var(--portfolio-accent);border-color:var(--portfolio-accent);color:var(--portfolio-accent-ink)}
.btn-outline-primary{border-color:var(--portfolio-accent);color:var(--portfolio-accent)}
.btn-outline-primary:hover,.btn-outline-primary.active{background:var(--portfolio-accent);color:var(--portfolio-accent-ink);border-color:var(--portfolio-accent)}
.dropdown-item{color:var(--portfolio-text)}.dropdown-item:hover,.accordion-button:not(.collapsed){background:var(--portfolio-accent-soft);color:var(--portfolio-accent)}
.modal-header,.modal-footer{border-color:var(--portfolio-line)}.btn-close{filter:invert(1)}
.table{--bs-table-bg:var(--portfolio-panel);--bs-table-color:var(--portfolio-text);--bs-table-striped-bg:var(--portfolio-input);--bs-table-striped-color:var(--portfolio-text);color:var(--portfolio-text)}
input[type=checkbox],input[type=range]{accent-color:var(--portfolio-accent)}.form-check-input:checked{background-color:var(--portfolio-accent);border-color:var(--portfolio-accent)}
.site-imprint{background:var(--portfolio-panel)!important;color:var(--portfolio-accent)!important;border-color:var(--portfolio-accent-border)!important}
:focus-visible{outline:2px solid var(--portfolio-accent);outline-offset:2px}
.bg-body{background-color:var(--portfolio-panel)!important}
.btn-primary:disabled{background:var(--portfolio-accent);border-color:var(--portfolio-accent);color:var(--portfolio-accent-ink)}
.btn-light:active,.btn-light.active,.btn-light:focus{background:var(--portfolio-accent-soft);border-color:var(--portfolio-accent-border);color:var(--portfolio-text)}
.btn-secondary{background:var(--portfolio-accent-soft);border-color:var(--portfolio-accent-border);color:var(--portfolio-accent)}
.progress{background:var(--portfolio-input)}.progress-bar{background:var(--portfolio-accent)}
.form-range::-webkit-slider-thumb{background:var(--portfolio-accent)}
.form-range::-moz-range-thumb{background:var(--portfolio-accent)}
.accordion-button::after{filter:grayscale(1) brightness(2)}