/* elevation.css — the only shadows in the system. Both are for modal cards over a scrim.
   From HLXAlertView (.shadow radius 30, y 24) and HLXProgressOverlay (radius 25, y 20).
   SwiftUI radius ≈ CSS blur. Dark mode adds a hairline border instead of relying on shadow. */
:root, .light, [data-theme="light"] {
  --hlx-shadow-alert: 0 24px 30px rgb(0 0 0 / 0.34);
  --hlx-shadow-overlay: 0 20px 25px rgb(0 0 0 / 0.35);
  --hlx-shadow-segment-pill: 0 1px 1px rgb(0 0 0 / 0.10);
  --hlx-modal-rim: transparent;          /* dark adds a hairline rim to modal cards */
}
/* Light — forced */
.light, [data-theme="light"] {
  --hlx-shadow-alert: 0 24px 30px rgb(0 0 0 / 0.34);
  --hlx-shadow-overlay: 0 20px 25px rgb(0 0 0 / 0.35);
  --hlx-shadow-segment-pill: 0 1px 1px rgb(0 0 0 / 0.10);
  --hlx-modal-rim: transparent;          /* dark adds a hairline rim to modal cards */
}
.dark,
[data-theme="dark"] {
  --hlx-shadow-alert: 0 24px 30px rgb(0 0 0 / 0.6);
  --hlx-shadow-overlay: 0 20px 25px rgb(0 0 0 / 0.5);
  --hlx-shadow-segment-pill: none;
  --hlx-modal-rim: var(--hlx-hairline);
}

/* Motion — raw curves as used in source (not tokenised in Swift) */
:root {
  --hlx-ease-state: cubic-bezier(.42,0,.58,1); /* @kind other */   /* easeInOut 0.18 — step state changes */
  --hlx-dur-state: 180ms; /* @kind other */
  --hlx-dur-key-flash: 90ms; /* @kind other */                     /* keypad press latch */
  --hlx-dur-dot: 140ms; /* @kind other */
  --hlx-ease-segment: cubic-bezier(.3,1.25,.5,1); /* @kind other *//* spring(response .32, damping .86) approx */
  --hlx-dur-segment: 320ms; /* @kind other */
  --hlx-spinner-period: 900ms; /* @kind other */
}