/* Elevation. Mostly flat: depth comes from material contrast, hairlines and
   inset light. Paper hardware (cap / track / LED) is the extension's
   instrument language; the lacquer shadows are the site's framed modules. */

:root {
  /* Paper hardware */
  --ks-cap-lift: inset 0 1px 0 oklch(100% 0 0 / 0.9), 0 1px 0 oklch(13% 0 0 / 0.14), 0 2px 3px oklch(13% 0 0 / 0.08); /* @kind shadow */
  --ks-cap-press: inset 0 1px 2px oklch(13% 0 0 / 0.14); /* @kind shadow */
  --ks-track-recess: inset 0 1px 3px oklch(13% 0 0 / 0.16), inset 0 -1px 0 oklch(100% 0 0 / 0.7); /* @kind shadow */
  --ks-led: 0 0 0 1px oklch(13% 0 0 / 0.12), 0 0 4px oklch(84% 0.19 80 / 0.6); /* @kind shadow */
  --ks-lift-1: 0 1px 1px oklch(13% 0 0 / 0.05), 0 2px 3px oklch(13% 0 0 / 0.04), 0 6px 12px oklch(13% 0 0 / 0.05); /* @kind shadow */
  --ks-banner-lift: 0 1px 0 oklch(13% 0 0 / 0.10), 0 6px 18px oklch(0% 0 0 / 0.35); /* @kind shadow */

  /* Lacquer surfaces */
  --ks-panel-setback: 0 24px 70px oklch(2% 0.004 95 / 0.42); /* @kind shadow */
  --ks-cta-lift: 0 18px 48px oklch(2% 0.004 95 / 0.4); /* @kind shadow */
  --ks-patina-glow: 0 0 22px oklch(70% 0.105 190 / 0.24); /* @kind shadow */
  --ks-bar-shadow: 0 16px 36px -12px oklch(0% 0 0 / 0.6); /* @kind shadow */

  /* Detector overlay (browser-bundle/40-overlay.js) */
  --ks-overlay-glow: 0 0 0 3px oklch(84% 0.19 80.46 / 0.20), 0 0 12px oklch(84% 0.19 80.46 / 0.45); /* @kind shadow */
  --ks-overlay-glow-hover: 0 0 0 3px oklch(74% 0.18 80 / 0.28), 0 0 16px oklch(74% 0.18 80 / 0.6); /* @kind shadow */
}
