/* Windex Infotech — Elevation tokens
 * Exactly ONE drop-shadow exists, reserved for product photography resting on a
 * surface. Never on cards, buttons, or text. UI elevation comes from surface-color
 * change and backdrop-blur on sticky bars.
 */
:root {
  --shadow-product: rgba(0, 0, 0, 0.22) 3px 5px 30px 0; /* the only true shadow */
  --border-hairline: 1px solid var(--color-hairline);   /* soft-hairline level */
  --ring-soft: 3px solid var(--color-divider-soft);     /* pearl-button soft ring */
  --backdrop-blur: saturate(180%) blur(20px);           /* @kind other */ /* frosted sub-nav / sticky bar */
  --scrim-frosted: rgba(245, 245, 247, 0.8);            /* parchment @80% under blur */
  --active-press: scale(0.95);                          /* @kind other */ /* system-wide press micro-interaction */
}