/* Elevation — Aperture Design System
 *
 * Elevation comes from surface-color change (light tile <-> dark tile) and
 * backdrop blur on sticky bars — NOT from shadows on chrome. There is
 * exactly ONE drop-shadow in the whole system, reserved for product imagery
 * resting on a surface. Never put shadow on a card, button, or text.
 */

:root {
  /* The single system shadow — product renders only. */
  --shadow-product: rgba(0, 0, 0, 0.22) 3px 5px 30px 0;

  /* Hairline "elevation" — a ring, not a shadow. */
  --border-hairline: 1px solid var(--border-hairline-alpha);

  /* Frosted-glass sticky surfaces (sub-nav, floating bar). */
  --blur-frosted: saturate(180%) blur(20px); /* @kind other */
  --frosted-fill: rgba(245, 245, 247, 0.8); /* parchment @ 80% */

  /* System-wide press micro-interaction. */
  --press-scale: 0.95; /* @kind other */
  --focus-ring: 2px solid var(--color-action-focus);
}