/* Sabban&Co website · https://sabbanand.co */
/* One classroom, the same camera and paper, with the lights turned off. */
:root[data-theme=dark] { color-scheme: dark; background: #0d0f13; color: #bfc2c8; }
[data-theme=dark] body,
.school-world[data-theme=dark] body,
.school-world[data-theme=dark] .school-entrance { background: #0d0f13; }
.school-room-night { opacity: 0; transition: opacity .7s ease; }
.school-room-image { transition: filter .7s ease; }
.school-chalk-logo, .school-chalk-date { filter: brightness(1); transition: filter .7s ease; }
/* The board's night plate has about 18% of its daylight luminance. Chalk
   receives the same falloff instead of staying lit above the photograph. */
[data-theme=dark] .school-chalk-logo,
[data-theme=dark] .school-chalk-date { filter: brightness(.18) saturate(.6); }
[data-theme=dark] .school-room[data-night-ready=true] .school-room-night { opacity: 1; }
[data-theme=dark] .school-room:not([data-night-ready=true]) .school-room-image { filter: brightness(.18) saturate(.4); }
.school-tint { transition: background-color .7s ease; }
.school-finished[data-theme=light] #orb {
  filter: drop-shadow(5px 15px 9px #00000036) drop-shadow(10px 29px 23px #0000003b);
}
.school-finished[data-theme=dark] #orb {
  filter: drop-shadow(5px 15px 9px #00000052) drop-shadow(10px 29px 23px #00000066);
}
.school-world[data-theme=dark] .brand-logo { filter: brightness(1.25); }
[data-theme=dark] .main-arc { stroke: #a3a6ae; opacity: .2; }
[data-theme=dark] .secondary-arc { stroke: #8b8e96; opacity: .12; }
[data-theme=dark] .arc-ticks { stroke: #c3c6cd; opacity: .65; }
.school-world[data-theme=dark] .branch,
.school-world[data-theme=dark] .gallery-wheel[data-text-only=true] .gallery-card { color: #aaadb5; }
.school-world[data-theme=dark] .branch[data-centered=true],
.school-world[data-theme=dark] .gallery-wheel[data-text-only=true] .gallery-card[aria-current=true] { color: #e0e2e6; }
.school-world[data-theme=dark] .branch:hover { color: #f0f1f3; }
.school-world[data-theme=dark] :is(.branch-position, .activity-gallery h2, .gallery-back, .gallery-count, .gallery-empty, .gallery-controls button, .gallery-detail-links a, .footer-toggle, .photo-service-dot, .photo-service-dot span, .photo-viewer, #hint) { color: #bdc0c7; }
[data-theme=dark] :is(.gallery-coming-soon, .gallery-coming-soon .coming-soon-title, .branch-total) { color: #999da6; }
[data-theme=dark] .selection-cursor { border-left-color: #c3c6cd; }
[data-theme=dark] .gallery-cursor { border-right-color: #c3c6cd; }
.school-world[data-theme=dark] .count-divider { background: #999da6; }
[data-theme=dark] .appearance-track { background: linear-gradient(145deg, #555961, #35383e); }
[data-theme=dark] .appearance-track svg { color: #d6d9df; }
[data-theme=dark] .appearance-thumb { background: linear-gradient(155deg, #e0e2e6, #a7abb3); }
@media (max-width: 720px) {
  .school-finished[data-theme=light] #orb { filter: drop-shadow(3px 11px 8px #0004) drop-shadow(5px 22px 17px #0003); }
  .school-finished[data-theme=dark] #orb { filter: drop-shadow(3px 11px 8px #0006) drop-shadow(5px 22px 17px #0005); }
}
@media (prefers-reduced-motion: reduce) { .school-room-night, .school-room-image, .school-tint, .school-chalk-logo, .school-chalk-date { transition: none; } }