/*
Copyright (C) 2023-2026 QuantumNous

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as
published by the Free Software Foundation, either version 3 of the
License, or (at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU Affero General Public License for more details.

You should have received a copy of the GNU Affero General Public License
along with this program. If not, see <https://www.gnu.org/licenses/>.

For commercial licensing, please contact support@quantumnous.com
*/
/* Bright uploaded wallpapers need a minimum dimming level in dark mode.
   Preserve stronger saved overlays and leave the foreground content untouched. */
html.dark .console-wallpaper::after {
  background: color-mix(
    in oklch,
    var(--background) max(65%, var(--console-overlay, 35%)),
    transparent
  );
}
/* Blend the expanded public header into the scene. The full-width scrim fades
   below the navigation instead of drawing a solid rectangle around it. */
html.dark[data-site-appearance='true'] [data-public-header] nav {
  color: var(--foreground);
}
html.dark[data-site-appearance='true']
  [data-public-header][data-collapsed='false']
  nav {
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
html.dark[data-site-appearance='true']
  [data-public-header][data-collapsed='false']::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 0 0 auto;
  height: 10rem;
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    color-mix(in oklch, var(--background) 70%, transparent),
    color-mix(in oklch, var(--background) 35%, transparent) 45%,
    transparent
  );
}
/* The console keeps a lighter glass surface; the existing collapsed island
   retains its stronger background when content scrolls underneath. */
html.dark[data-site-appearance='true']
  [data-console-header][data-collapsed='false']
  .console-nav-surface {
  color: var(--foreground);
  background: color-mix(in oklch, var(--background) 45%, transparent);
  -webkit-backdrop-filter: var(--console-backdrop-filter);
  backdrop-filter: var(--console-backdrop-filter);
}