/* ============ SHARED GLASS SURFACE TIER (glass.css) ============
   ONE material for every frosted surface, extracted from the About-me resume
   (Roots & Recipes / Receipts) modal shroud, the site's reference glass:
   blur 18px, content behind diffused to ~30% legibility, no border, no shadow.
   Tokens are the single source of truth; the modal shroud (modalshroud.css)
   consumes --glass-blur / --glass-recede for its filter-based recede, and
   .surface-glass composes the SAME tokens as a backdrop-filter surface for
   bars and any future glass panel. No consumer may restate these values.
   Consumers own their geometry (position/inset/z-index/radius/mask/clip) and
   any show/hide transitions. Linked from Nav's helmet (so every page carries
   it) and from each page that consumes the tokens directly. */
:root{
  --glass-blur:18px;
  --glass-saturate:1;
  --glass-recede:.3; /* modal shroud: opacity of the receded content layer */
  --glass-tint:rgba(140,121,108,.08);
  /* base glass: the taupe tint layered on a translucent white, hue unchanged */
  --glass-bg:linear-gradient(var(--glass-tint),var(--glass-tint)),rgba(255,255,255,.6);
  /* strong variant: bars over scrolling content — matches the modal's occlusion
     (content behind reads as an indistinct wash, never as text) while keeping frost */
  --glass-bg-strong:linear-gradient(var(--glass-tint),var(--glass-tint)),rgba(255,255,255,.78);
  /* solid fallback: no-backdrop-filter browsers and reduced-transparency users */
  --glass-bg-solid:linear-gradient(var(--glass-tint),var(--glass-tint)),rgba(255,255,255,.94);
  --glass-border:0 solid transparent;
  --glass-shadow:none;
}
.surface-glass{background:var(--glass-bg);border:var(--glass-border);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate))}
.surface-glass.glass-strong{background:var(--glass-bg-strong)}
/* No backdrop-filter: near-solid wash of the same tint family — no browser
   ever gets a transparent bar. */
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
.surface-glass,.surface-glass.glass-strong{background:var(--glass-bg-solid);-webkit-backdrop-filter:none;backdrop-filter:none}
}
/* OS asks for reduced transparency: serve the solid surface. */
@media (prefers-reduced-transparency:reduce){
.surface-glass,.surface-glass.glass-strong{background:var(--glass-bg-solid);-webkit-backdrop-filter:none;backdrop-filter:none}
}