/* Elevation. One preset ladder, expressed on the web as boxShadow (the same
   conversion react-native-web performs from the native shadow props). Cards rest
   at sm; raised cards go md; overlays sit at lg/xl. */
:root{
  --shadow-none:none;
  --shadow-sm:0px 1px 2px rgba(0,0,0,0.05);
  --shadow:0px 1px 3px rgba(0,0,0,0.1);
  --shadow-md:0px 4px 6px rgba(0,0,0,0.1);
  --shadow-lg:0px 10px 15px rgba(0,0,0,0.1);
  --shadow-xl:0px 20px 25px rgba(0,0,0,0.1);
  /* Focus: a 2px ring in the brand ring token, offset from the control. */
  --ring-width:2px;
  --ring-offset:2px;
}