/* ── Campus frosted-glass surfaces ────────────────────────────────────────
 * The platform uses soft colour washes behind the app shell. Keep every
 * outlined surface translucent so those washes remain visible, while retaining
 * a bright rim and enough contrast for dense tables, forms, and Hermes chat.
 */
:root:not(.dark) {
  --border: oklch(1 0 0 / 68%);
  --input: oklch(1 0 0 / 72%);
  --card: oklch(1 0 0 / 58%);
  --popover: oklch(1 0 0 / 72%);
  --muted: oklch(1 0.006 255 / 46%);
  --sidebar: oklch(1 0 0 / 48%);
  --sidebar-border: oklch(1 0 0 / 64%);
  --campus-glass-fill: rgb(255 255 255 / 52%);
  --campus-glass-strong: rgb(255 255 255 / 68%);
  --campus-glass-line: rgb(255 255 255 / 74%);
  --campus-glass-shadow:
    0 18px 48px -30px rgb(51 65 85 / 24%),
    inset 0 1px 0 rgb(255 255 255 / 72%);
}

.dark {
  --border: oklch(1 0 0 / 16%);
  --input: oklch(1 0 0 / 20%);
  --card: oklch(0.31 0.012 255 / 64%);
  --popover: oklch(0.32 0.012 255 / 76%);
  --sidebar: oklch(0.255 0.012 255 / 68%);
  --sidebar-border: oklch(1 0 0 / 18%);
  --campus-glass-fill: rgb(24 32 49 / 58%);
  --campus-glass-strong: rgb(30 41 59 / 74%);
  --campus-glass-line: rgb(255 255 255 / 18%);
  --campus-glass-shadow:
    0 22px 60px -34px rgb(0 0 0 / 65%),
    inset 0 1px 0 rgb(255 255 255 / 9%);
}

body {
  background-attachment: fixed;
  background-color: #f8fbff;
  background-image:
    radial-gradient(circle at 12% 14%, rgb(103 232 249 / 22%), transparent 26rem),
    radial-gradient(circle at 85% 13%, rgb(244 114 182 / 18%), transparent 28rem),
    radial-gradient(circle at 72% 88%, rgb(167 139 250 / 17%), transparent 30rem),
    radial-gradient(circle at 28% 78%, rgb(110 231 183 / 14%), transparent 25rem);
}

.dark body {
  background-color: #111827;
  background-image:
    radial-gradient(circle at 12% 14%, rgb(6 182 212 / 18%), transparent 26rem),
    radial-gradient(circle at 85% 13%, rgb(168 85 247 / 16%), transparent 28rem),
    radial-gradient(circle at 72% 88%, rgb(59 130 246 / 14%), transparent 30rem);
}

@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  header > div,
  [data-slot='sidebar-inner'],
  [data-slot='card'],
  [data-slot='popover-content'],
  [data-slot='select-content'],
  [data-slot='dialog-content'],
  [data-slot='sheet-content'],
  [data-slot='alert-dialog-content'],
  main [class*='rounded'][class~='border'] {
    -webkit-backdrop-filter: blur(22px) saturate(145%);
    backdrop-filter: blur(22px) saturate(145%);
  }
}

header > div {
  margin: 0.35rem 0.55rem 0;
  border: 1px solid var(--campus-glass-line);
  border-radius: 1rem;
  background: linear-gradient(135deg, var(--campus-glass-strong), var(--campus-glass-fill));
  box-shadow: var(--campus-glass-shadow);
}

[data-slot='sidebar-inner'],
[data-slot='card'],
[data-slot='popover-content'],
[data-slot='select-content'],
[data-slot='dialog-content'],
[data-slot='sheet-content'],
[data-slot='alert-dialog-content'],
main [class*='rounded'][class~='border'] {
  border-color: var(--campus-glass-line) !important;
  background-color: var(--campus-glass-fill) !important;
  background-image: linear-gradient(135deg, rgb(255 255 255 / 18%), transparent 52%) !important;
  box-shadow: var(--campus-glass-shadow);
}

.dark [data-slot='sidebar-inner'],
.dark [data-slot='card'],
.dark [data-slot='popover-content'],
.dark [data-slot='select-content'],
.dark [data-slot='dialog-content'],
.dark [data-slot='sheet-content'],
.dark [data-slot='alert-dialog-content'],
.dark main [class*='rounded'][class~='border'] {
  background-image: linear-gradient(135deg, rgb(255 255 255 / 7%), transparent 56%) !important;
}

/* Hide the retired About entry while preserving direct bookmarks. */
header a[href="/about"] { display: none !important; }