/* Portfolio final tune
   Last-mile fixes before animated background integration.
   Keep this file loaded last.
*/

:root {
  --page-bg: #ffffff;
  --surface-bg: #ffffff;
  --paper-bg: #ffffff;
}

html,
body {
  background: #ffffff !important;
}

body:not(.theme-dark),
body[data-theme="light"],
body[data-theme="auto"] {
  background: #ffffff !important;
}

.site-header,
.work-rail,
.work-layout,
.home-layout,
.page-layout,
main,
section {
  background-color: transparent;
}

.work-page .series-section,
.work-page .gallery-list,
.work-page .gallery-list a,
.work-page .gallery-card,
.work-page [data-gallery-list] > *,
.work-page .series-card {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

.work-page .gallery-list a,
.work-page [data-gallery-list] > a,
.work-page [data-gallery-list] > button {
  border-color: rgba(0, 0, 0, 0.22);
}

.work-page .gallery-list a:hover,
.work-page [data-gallery-list] > a:hover,
.work-page [data-gallery-list] > button:hover {
  background: #f7f7f7 !important;
}

.work-page .series-section h2 {
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace);
  font-size: clamp(0.78rem, 0.72rem + 0.22vw, 0.95rem);
  line-height: 1.35;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 500;
  margin: 0 0 1.5rem;
}

.work-page .series-section h2::after {
  content: "";
  display: block;
  width: 2.75rem;
  height: 1px;
  margin-top: 0.7rem;
  background: currentColor;
  opacity: 0.35;
}

.theme-dark,
body.theme-dark,
body[data-theme="dark"] {
  --page-bg: #050505;
  --surface-bg: #050505;
  --paper-bg: #050505;
  background: #050505 !important;
}

body[data-theme="dark"] .work-page .gallery-list a,
body.theme-dark .work-page .gallery-list a,
.theme-dark .work-page .gallery-list a,
body[data-theme="dark"].work-page .gallery-list a,
body.theme-dark.work-page .gallery-list a {
  background: #050505 !important;
  background-color: #050505 !important;
  border-color: rgba(255, 255, 255, 0.26);
}
