/* Temporary site-wide dark trial. Remove this stylesheet's link in Views.php
   to restore the existing light theme; the base styles stay unchanged. */
:root{
 color-scheme:dark;
 --paper:#181a19;
 --ink:#eeeae2;
 --muted:#b4b6af;
 --line:#444842;
 --panel:#232623;
 --accent:#bbc9a6;
 --hover:#353a34;
 --media:#202320;
}
::selection{background:#536149;color:#fff}
input,select,textarea{accent-color:var(--accent)}
input::placeholder,textarea::placeholder{color:#a5a89f;opacity:1}
button:hover{background:var(--hover)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:var(--accent)}
.button{background:var(--ink);color:var(--paper)}
.button:hover{background:#d0d6c6;color:var(--paper)}
.button.secondary{background:transparent;color:var(--ink)}
.button.secondary:hover{background:var(--hover)}
.page-heading .intro,.age-notice,.date-fields label,.age-actions a{color:var(--muted)}
.home{background:#111312}
.card-image,.photo-grid a,.search-result-image,.library-item img,.file-tile,
.photo-choice img,.file-choice-icon,.asset-name img,.asset-icon,
.article-document .article-media .article-gallery-preview img{background:var(--media)}
.admin{background:var(--paper)}
.admin-header,.admin-nav,.panel,.stats a,.login-panel,.library-item,.photo-choice{background:var(--panel)}
.photo-choice:hover,.asset-table tbody tr:hover{background:var(--hover)}
.badge,.block-head{background:var(--hover)}
.notice{background:#293728;border-color:#9aaa85;color:#e2ebd6}
.error{background:#402926;border-color:#db9385;color:#f3d8d2}
.danger,.age-error{color:#f0a497}
.date-fields input{border-color:var(--line)}
.age-remember input{accent-color:var(--accent)}
.skip:focus{background:var(--panel);color:var(--ink)}
.pswp{--pswp-bg:#111312}
/* Quill supplies its own light colours: theme its controls and popovers too. */
.admin .ql-toolbar.ql-snow,.admin .ql-container.ql-snow{border-color:var(--line)}
.ql-editor{color:var(--ink)}
.ql-editor.ql-blank::before{color:var(--muted)}
.admin .ql-snow .ql-picker{color:var(--ink)}
.admin .ql-snow .ql-stroke,.admin .ql-snow .ql-stroke-miter{stroke:var(--ink)}
.admin .ql-snow .ql-fill,.admin .ql-snow .ql-stroke.ql-fill{fill:var(--ink)}
.admin .ql-snow .ql-picker-options,.admin .ql-snow .ql-tooltip{background:var(--panel);color:var(--ink);box-shadow:0 4px 18px #0007}
.admin .ql-snow .ql-tooltip,.admin .ql-snow .ql-tooltip input[type=text],
.admin .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,
.admin .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:var(--line)}
.admin .ql-snow .ql-tooltip input[type=text]{background:var(--paper)}
.admin .ql-snow a{color:#b7ceee}
.admin .ql-snow .ql-editor blockquote{border-color:var(--line)}
.admin .ql-snow .ql-picker.ql-expanded .ql-picker-label{color:var(--accent)}
.admin .ql-snow.ql-toolbar button:is(:hover,:focus,.ql-active),
.admin .ql-snow .ql-toolbar button:is(:hover,:focus,.ql-active),
.admin .ql-snow .ql-picker-label:is(:hover,.ql-active),
.admin .ql-snow .ql-picker-item:is(:hover,.ql-selected){color:var(--accent)}
.admin .ql-snow.ql-toolbar button:is(:hover,:focus,.ql-active) :is(.ql-stroke,.ql-stroke-miter),
.admin .ql-snow .ql-toolbar button:is(:hover,:focus,.ql-active) :is(.ql-stroke,.ql-stroke-miter),
.admin .ql-snow .ql-picker-label:is(:hover,.ql-active) :is(.ql-stroke,.ql-stroke-miter){stroke:var(--accent)}
.admin .ql-snow.ql-toolbar button:is(:hover,:focus,.ql-active) .ql-fill,
.admin .ql-snow .ql-toolbar button:is(:hover,:focus,.ql-active) .ql-fill,
.admin .ql-snow .ql-picker-label:is(:hover,.ql-active) .ql-fill{fill:var(--accent)}
