/*
 * Elevation Materials
 *
 * The geometry half of elevation: the composed filters that turn a
 * translucent surface into frosted chrome. The color half — the layered
 * shadows themselves — is theme-specific and lives in semantic-colors.css as
 * the --sigvelo-elevation-* family.
 *
 * Elevation here is a stack, not a single shadow: a hairline ring that reads
 * as an edge at any zoom, then a tight contact shadow, then a wide ambient
 * one. That layering is what keeps a raised surface legible on both a white
 * canvas and a near-black one.
 */

:root {
  /*
   * Frosted chrome over scrolling content.
   *
   * Held to a single 1px radius, which separates modal chrome without making
   * the page behind it look frosted. A backdrop filter repaints the whole
   * area behind the element every frame, so a wider radius or a second pass
   * such as saturate() on a full-viewport scrim costs frames on every dialog
   * open — measurably, not theoretically: at blur(24px) saturate(180%) the
   * Storybook suite dropped roughly a third of its runs to timing failures in
   * stories that had nothing to do with dialogs.
   */
  --sigvelo-glass-filter: blur(1px);
}